basit bir şey yapmaya çalışıyorum ancak tarayıcı boyutu mobil olduğunda alt alta sıralayamadım.
normalde yan yana sıralanıyor ancak mobilde alt alta sıralanması için nasıl bir düzenleme yapmam gerekli?
<!DOCTYPE html>
<html class="no-js" lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#cont{
font-family:tahoma;
margin:0 auto;
width:1190px; height:465px;
}
.box{
width:285px; height:455px; background-color:#949494; border:1px solid #ddd; margin:5px; display:block; float:left;
}
@media screen and (max-width: 600px) {
#cont{
font-family:tahoma;
margin:0 auto;
width:1190px; height:465px;
}
.box{
width:285px; height:455px; background-color:#ddd; border:1px solid #ddd; margin:5px;
}
}
</style>
</head>
<body>
<div id="cont">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div> 
