<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>KUTULAR</title>
<style type="text/css">
.kutular{display:grid;grid-template-columns:1fr 1fr;grid-gap:2vw;padding:20px;}
.kutu{background:#bbb;padding:100px 0;}
@media only screen and (max-width:800px){
.kutular{grid-template-columns:1fr;grid-gap:2vh;}
}
</style>
</head>
<body>
<div class="kutular">
<div class="kutu"></div>
<div class="kutu"></div>
</div>
</body>
</html>