Вопрос к знатокам!) Можно ли упростить мои СSS-правила, прошел на 100%, но не покидает чувство,что сделал все как нубяра)

Курсы §15. Сетки
1 
    <div id="conteiner">
        <div class="header">Header</div>
        <div class="menu">Menu</div>
        <div class="col clearfix">
                <div class="column1">Promo 1</div>
                <div class="column2">Promo 2</div>
        </div>    
        <div class="column clearfix">
            <div class="left">Left</div>
            <div class="main">Main</div>
            <div class="right">Right</div>
        </div>    
        <div class="footer">Footer</div>
    </div>


    #conteiner {
background:#34495e;
padding-top:5px;

}
.header {
background:#c0392b;
margin:5px 50px;
height:25px;
padding:5px;
margin-bottom:10px;
}
.menu {
background:#3498DB;
height:25px;
padding:5px 55px;
}
.column1, .column2 {
background:#c0392b;
margin-top:10px;
margin-bottom:10px;
width:160px;
height:50px;
padding:5px 5px;
}
.column1 {
float:left;
margin-left:50px;
}
.column2 {
float:right;
margin-right:50px;
}

.clearfix:after{
content:’’;
display:table;
clear:both;
}
.column {
background:white;
padding-bottom:10px;

}
.left, .main, .right {
float:left;
background:#3498DB;
height:100px;
margin-top:10px;
padding:5px 5px;
}
.left {
margin-left:50px;
width:60px;
}
.main {
margin-left:10px;
width:180px;
}
.right {
margin-left:10px;
width:60px;
}
.footer {
padding:5px 55px;
height:25px;
}

2

Почитайте на форуме другие темы по этому заданию. За последние пару дней это самое популярное испытание. Ваш код не хуже, чем у других. Но почитав другие темы, вы сможете понять, как по-разному видят одно и то же ученики. И возможно сами его улучшите.

1 лайк