Написал все через флоаты,паддинги и маргины. Код таким образом получился очень большим и вообще мне кажется, что так люди не пишут сетки. Можете помочь советом, чем это можно заменить? Я не прошу переписывать код заново, просто немножко объяснить.
!!!CSS!!!
html,
body {
margin: 0;
padding: 0;
}
body {
width: 450px;
height: 335px;
font-size: 10px;
font-family: “Arial”, sans-serif;
color: white;
}
.header{
background-color:#34495e;
min-height:170px;
width:450px;
padding:10;
}
.header-inner{
background-color:#c0392b;
float:left;
height:30px;
width:345px;
margin:10px;
margin-left:50px;
padding-left:5px;
padding-top:5px;}
.menu{
background-color:#3498db;
clear:both;
height:30px;
padding-left:55px;
padding-top:5px;
}
.promo1{
background-color:#c0392b;
float:left;
width:165px;
margin-right:10px;
margin-left:50px;
}
.promo2{
background-color:#c0392b;
width:165px;
float:left;}
.qwe{
padding-left:5px;
padding-top:5px;
margin-top:10px;
height:55px
}
.container .column{
background-color:#3498db;
height:105px;
float:left;
width:65px;
margin-right:10px;
margin-top:10px;
margin-bottom: 10px;
}
.column:nth-child(2){
width:185px;
padding-top:5px;
padding-left:5px;
}
.column:nth-child(3){
margin-right:0px;
padding-top:5px;
padding-left:5px;
}
.column:first-child{
margin-left:50px;
padding-top:5px;
padding-left:5px;
}
.footer{
background-color:#34495e;
height:35px;
padding-left:55px;
padding-top:5px;
clear:both;}