Archief - Hoe maak ik dit responsive?

<div class="container">
	    <div class="vak1"></div>
        <div class="vak2"></div>
        <div class="vak3"></div>
        <div class="vak4"></div>
        
        
      </div>

.container {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 456px;
    width: 742px;
	top: 15%;
	
}
.vak1 {
	width: 344px;
	height: 216px;
	background-color: #666;
	position: absolute;
	top: 65px;	
	left: 0px;
	float:left;
}
.vak2 {
	width: 230px;
	height: 129px;
	background-color: #666;
	position: absolute;
	top: 298px;
	left: 114px;
	float:left;
}
.vak3 {
	width: 305px;
	height: 211px;
	background-color: #666;
	position: absolute;
	top: 0px;
	right: 73px;
	float:left;
	
}
.vak4 {
	width: 380px;
	height: 225px;
	background-color: #666;
	position: absolute;
	bottom: 0;
	right: 0px;
	float:left;
	
}

width: 742px;