1. mega cashback image
  2. Новые складчины: Показать еще

    05.05.2024: Ребенок молчит? Узнай, как его разговорить! (Сергей Изотов)

    05.05.2024: [baysews] Брюки Алла. Размер 40-50. Рост 161-167

    05.05.2024: [baysews] Жакет Алла. Размер 40-50. Рост 161-167

    05.05.2024: [baysews] Рубашка Севара. Размер 40-52. Рост 161-167

    05.05.2024: [Vivid Blooms] Черно-белые акварельные львы, тигр, лошадь, львица (Даша Лисенкова)

  3. Сбор взносов Показать еще

    04.05.2024: [Hyggeufa] Керамические свечи (Светлана Латыпова)

    02.05.2024: [Школа Шопинга] Закрытый клуб ШШ. Перепрошшивка 2024 (Татьяна Тимофеева)

    02.05.2024: [OlaArtSchool] Работа с сайтом Illustrators.ru. Тариф Я сам (Юлия Гончарова)

    02.05.2024: Лагерь Pro-рекламы 4. Тариф Селлер + Сундук пользы (Вячеслав Малых)

    01.05.2024: Абонемент на месяц к прямым эфирам Masha.fit. Апрель 2024 (Маша Блинова)

Акция мега кешбек Новые складчины Сборы взносов
Доступно

[html academy] Построение сеток на гридах по макету

Тема найдена по тегам:
Цена:
790 руб
Взнос:
86 руб
Организатор:
Zander

Список участников складчины:

1. Zander 2. WroomiX 3. kro 4. elina56 5. Qapuihfdu3969 6. Aydoom 7. CosmoboyMe 8. Sania2991 9. motakyji 10. artrich007
Записаться и оплатить
Оцените эту складчину: /5,
  1. Zander
    Zander Организатор складчин

    [html academy] Построение сеток на гридах по макету

    [​IMG] ​

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

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

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

    Расположение относительно других навыков:
    Этот навык идёт после семантической разметки и работы с графическими редакторами в дереве навыков.

    Минимальные требования для освоения:
    Пройдены пять глав курса Построение сеток:
    • Блочная модель документа,
    • Сетки,
    • Флексбокс, часть 1,
    • Флексбокс, часть 2,
    • Знакомство с гридами.
    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    5 июл 2020
    vedus и kelbik нравится это.
  3. Похожие складчины
    1. Евражкa
      Доступно [Html Academy] Макет «Детский планетарий»
      Евражкa , 20 дек 2019 , в разделе: Шаблоны и темы
    2. Avtobot
      Доступно [HTML Academy] Проект по вёрстке «Кошачий питомник»
      Avtobot , 11 дек 2020 , в разделе: Курсы по программированию
    3. Stromden
      Доступно [HTML Academy] Макет для тренировки Магазин запчастей
      Stromden , 25 янв 2020 , в разделе: Шаблоны и темы
    4. SandraW
      Доступно [Html academy] Вёрстка текстового содержимого страниц
      SandraW , 17 июн 2020 , в разделе: Курсы по программированию
    5. Gagarin
      Доступно [HTML Academy] Базовый HTML и CSS, 2016
      Gagarin , 11 мар 2016 , в разделе: Курсы по программированию
    6. Евражкa
      Доступно [HTML Academy] Webpack, 2022
      Евражкa , 22 дек 2022 , в разделе: Курсы по программированию
    7. Хомяк_убийца
      Доступно [HTML Academy] Шаблонизаторы HTML
      Хомяк_убийца , 28 окт 2021 , в разделе: Курсы по программированию
    Загрузка...
  4. Zander
    Zander Организатор складчин
    Уведомляем вас о начале сбора взносов.
    Цена продукта: 790 руб. Взнос с каждого участника: 86 руб.
    Кол-во участников в основном списке: 5 чел.

    Начало сбора взносов 25 Июнь 2021 года
     
    Zander, 23 июн 2021
  5. Zander
    Zander Организатор складчин
    Zander, 12 ноя 2021
  6. Zander
    Zander Организатор складчин
    Zander, 27 мар 2022
Наверх