HTML Academy Сетки / Последняя сетка[24/32]

Курсы §15. Сетки
1

Приветствую. Прохожу курс Сетки. На 24 уроке застрял. Вроде, всё верно прописал в коде, обернул нужные блоки в DIVы с классом layout-positioner. Но система говорит, что задание не выполнено. Подскажите, что не так?

Code.jpg1230×758 150 KB

2

Напишите, пожалуйста, код вашего решения.

3

HTML code:

<!DOCTYPE html>
<html>
    <head>
       <title>Последняя сетка, шаг 1</title>
       <meta charset="utf-8">
       <link href="//fonts.googleapis.com/css?family=PT+Sans:400&subset=cyrillic" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div class="layout-positioner">
            <div class="header clearfix">
                <div class="layout-column layout-column-1">
                    Лого
                </div>
                <div class="layout-column layout-column-2">
                    Меню
                </div>
            </div>
        </div>
        
        <div class="layout-positioner">
            <div class="features clearfix">
                <div class="layout-column">
                    Колонка 1
                </div>
                <div class="layout-column">
                    Колонка 2
                </div>
                <div class="layout-column">
                    Колонка 3
                </div>
            </div>
        </div>
        
        <div class="layout-positioner">
            <div class="footer">
                Футер        
            </div>
        </div>
    </body>
</html>
4

Внутренности, а не сами блоки обернуть. В этом и смысл, что фон блоков будет тянуться, а обертка центрировать контент. Да и в примере там показано, как обернуть.

1 лайк