Программирование [HTML ACADEMY] Навык «Построение сеток на гридах по макету» (2020) [Тариф «Полный комплект»]

[Certina]

Описание навыка
Профессиональная задача:

Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием технологии CSS Grid Layout. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнения контентом, изменения количества колонок) и должна визуально соответствовать макету.

Зачем нужен этот навык:

Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не развалятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Механизм гридов — самый мощный инструмент для построения сеток на данный момент. С его помощью собираются как простые раскладки, которые можно построить и с помощью флексбоксов, так и необычные, которые другим способом, кроме гридов, на CSS собрать нельзя.

Освоив этот навык, вы научитесь оценивать макеты с точки зрения возможности их вёрстки на гридах, разбирать макеты на блоки, пригодные для структурирования их с помощью гридов, а также работать с вложенностью грид-контейнеров. Вы узнаете основные термины и понятия, свойства и их применение, особенности работы гридов, научитесь применять их правильно в различных ситуациях.

Скачать:

Авторизуйтесь, чтобы посмотреть скрытый контент

 

[MilesDave]

Я один, там найти ни чего не могу?
Кажется, там нет такой ссылки.

 

[rdvs66]

Я один, там найти ни чего не могу?
Кажется, там нет такой ссылки.

Ну да, нет там ссылки для скачивания

 

[mark78]

24xbtc.com – сервис по обмену криптовалют №1 для тех, кому надоело терять деньги на невыгодных обменах, переживать за свою анонимность и безопасность, а также полноту резервов.

Мы гарантируем:

• сотни направлений обмена;
• зачисление денег на карты большинства банков;
• качественную техническую поддержку;
• дополнительные преимущества для каждого клиента.

Просто наслаждайтесь быстрым и выгодным обменом, а все проблемы предоставьте нам.

Перейти к обмену

 

[tttx]

Ссылка обновлена. На будущее - нажимайте на кнопку "Восстановить ссылку", в теме писать не нужно.