Уроки Css Grid Layout пример адаптивная верстка сайта

В этом видео мы продолжаем Уроки Css Grid Layout и сегодня я покажу пример адаптивная верстка сайта с применением технологии гридов. В уроке css grid я покажу как сделать простой сайта с удобной картой новостей и верстка сайта карты адаптивно. Css grid это относительно новая технология для верстки сайтов адаптивно которая облегчает жизнь веб разработчика.
========================================================
И не пропускай новые видео!!!
========================================================
ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
========================================================

========================================================

[Magic__Man]

Шикарный урок! Спасибо! Большая видео демонстрация! побольше бы таких уроков с демонстрацией разных примеров

[dimanazdratenko]

огромное спасибо за такой формат в пол экрана с браузером. там смотрится совершенно на новом уровне!!!

[Dizzzais]

I like, that you explaining it so fast. Cпасибо!

[leshakhalin]

Лайк. Делаешь все просто мастерски. Некоторые моменты без практики бы сам не додумал

[vitaliitaranik]

Привет всё очень круто, давай отдельно grid-column, grid-row,

[zenfen]

Спасибо за Ваши уроки! Чтобы понимать как работает для каждого элемента, вместо title на каждой картинки лучше указавать название класса элемента. Тогда сразу видно как ведёт себя элемент. А так вспоминать надо где что и картинки одинаковые при этом. Но лучше не картинки разные, а название класса вместо заголовка.

[dr.rastafarai]

Давай отдельное видео по свойствам гридов.
Будет полезно!

[johnconnor]

Супер! А можете пожалуйстасделать видос, где будете с нуля с какогоо нибудь PSD макета верстать используя Grid.

[charlesbaudelaire]

А как сверстать с помощью гридов ссылки? Тоже меню например? Сделал ul список, в нем li с ссылками, хочу их передвинуть вправо и при этом поставить их горинтально, без флоатов не умею вообще, подскажите пожалуйста.

[Heretic_Man]

Гриды - "между нами тает сайт"

[firebird]

8:18 объясните, почему 1/3, когда у нас только две колонки задано? почему не 1/2?

[ОлександрШишковський]

почему @media у меня активно только вверху css документа. в низу неактивируется???

[ВасилийСадовников-йг]

Неплохо. А будет курс по css grid на примере верстки макета?

[virgo]

Не понял одного: зачем у классов .special .amazing .cta display: flex ? Зачем им флексы?

[СергейЛосевский-хь]

background-image: в самом начале не срабатывает изображение целый день мучаюсь проблема с классом что ли ?

[БогданТарасенко-юя]

плохая идея была брать одно изображение и одинаковый текст для всех блоков

[virgo]

Я убрал все display: flex; и у меня все работает. Меняю размер экрана и все адаптируется.

[mchl_plstv]

В css в классе wrapper, вместо бекграунда, вы сделали бордер.

[erwererwrwr]

ужасный урок. Т.к контент в контейнере идентичен непонятно, что меняется от прописанных свойств конкретно и где. Природа "grid-row: 3/6", например, тоже нераскрыта совсем, как и всё остальное. С таким же успехом можно было ролик этот снять под музыку и без голоса, да с ускорением в 3х. Не в обиду автору, много хорошего контента на канале, но этот урок ужасен.

[kirking]

У меня нечего не работает!! Почему? все под копирку сделал? может что в JS?
в браузере все выглядит в одну колонку!