Испытание: строим сетку [27/32]

День добрый. Прошел испытание на 100%, хотел бы узнать ваше мнение, с правильным ли я подходом подошел к построению этой сетки? Есть ли в коде какие-либо ошибки?

Код тут: https://jsfiddle.net/McLaaren/m9sop031/

Сам подход правильный. Конечно, было бы неплохо избавиться от всех position: relative; в коде. Как я поняла, единственное, для чего вы их используете - это чтобы можно было задать координату сверху для отступа. Отступ вполне можно сделать с помощью свойства margin-top или margin-bottom, где необходимо.
(Если надписи внутри блоков обернете в <span> или <p>, то будет еще лучше)

2 лайка

С помощью margin-top: 10px; получилось задать позицию всем блокам, кроме .header
Там пришлось сдвинуть с помощью паддинга:
.header {
width: 450px;
height: 45px;
padding-top: 10px;
background-color: #34495e;
}

Да, всё правильно. (если подсказывать всё, то будет неинтересно)

1 лайк