[12/32]

    body{
font-family:'PT Sans', sans-serif;

}
h1{
font-size:20px;
margin-top:0;
}
.container{

width:400px;
padding:10px;
min-height:150px; /* прячем эффект выпадания флоатов */
margin:20px auto;
box-shadow:0 0 2px #ccc;

}
.block{
margin-bottom:10px;
padding:10px;
background:#3498db;
color:white;
border:2px solid #34495e;
}
.block1{
width:200px;
height:50px;
}
.block4{
margin-left:30px;
height:50px;
}
.block6{
width:300px;
}
.block1, .block2, .block3{
float:left;
margin-right:10px;
width:95px;
}
.block4, .block5, .block6
float:right;
margin-left:10px;
width:95px;
}

почему задания не выполняются?(
{

Здесь очень важна последовательность ваших действий. А еще вы не совсем верно пишете.
Помните, что из двух одинаковых селекторов с повторяющимися свойствами срабатывает тот, который находится в коде ниже другого. Например, вы хотите задать ширину блоку6 в 200px.
А чуть ниже по коду для блока6 прописана ширина в 95px. Ваша запись находится выше - изменение ширины не работает.
Поэтому, все свои правила пишите после тех, которые написаны, когда вы только загрузили страницу. Порядок имеет значение.

1 лайк

блин это ж надо так тупануть) спасибо))