CSS сетка (GRID) | CSS для Профи

preview_player
Показать описание
ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:

Webmoney:
Z166344793421
R369744777501
U871336351200

Телеграмм чат:

- Использование первой реальной системы разметки CSS — сетки.
- Возможности CSS-сетки.
- Компоновка элементов с помощью сетки.
- Совместное применение flex-блоков и CSS-сетки для создания целостной разметки
веб-страницы.

МАТЕРИАЛЫ УРОКА:

БАЗОВЫЙ КУРС ПО HTML & CSS:
  1. Андрей Андриевский
  2. Верстка
  3. HNML
  4. HTML5
  5. CSS
  6. CSS3
Рекомендации по теме
CSS Grid Layout. 0:14:16

CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS.

Grid сетки в 0:24:29

Grid сетки в CSS. Часть 1

Grid CSS полный 0:13:07

Grid CSS полный курс за 13 минут. Все свойства

CSS сетка (GRID) 0:21:27

CSS сетка (GRID) | CSS для Профи

CSS Grid с 0:05:59

CSS Grid с нуля №2. Явная и неявная сетка

CSS Grid - 0:49:33

CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS...

#3 - Grid 0:08:02

#3 - Grid CSS. Делаем grid-сетку

Полный гайд по 0:25:11

Полный гайд по CSS Grid: адаптивная верстка за пару минут

CSS Grid с 0:05:41

CSS Grid с нуля №4. Адаптивный грид без медиа-запросов

The Joy of 0:11:37

The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts

CSS Grid in 0:01:51

CSS Grid in 100 Seconds

🔥CSS GRID СЕТКА 1:07:20

🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков...

Create an adaptive 0:10:15

Create an adaptive CSS grid with a max column count!

CSS Tips & 0:03:14

CSS Tips & Tricks: Creating a Masonry Grid Layout with Pure CSS, No JavaScript Required

CSS Grid Layout. 0:22:41

CSS Grid Layout. Свойства определения сетки grid-template и другие

Learn CSS Grid 0:18:35

Learn CSS Grid in 20 Minutes

CSS Grid: Короткий, 0:06:48

CSS Grid: Короткий, Но МОЩНЫЙ Гайд!

Learn CSS Grid 0:37:04

Learn CSS Grid the easy way

Flexbox CSS практический 0:06:29

Flexbox CSS практический курс за 6 минут. Все свойства

Адаптивная верстка на 0:29:07

Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas...

🔥 CSS Grid 0:13:56

🔥 CSS Grid - самый ПОНЯТНЫЙ ГАЙД по всем свойствам за 13 минут + Шпаргалка...

#37 CSS Grid 0:43:12

#37 CSS Grid Tutorial [Complete Guide] - CSS Full Tutorial

Responsive CSS Grid 0:10:02

Responsive CSS Grid No Media Queries

В чем разница 0:10:06

В чем разница между Float, Flexbox и Grid CSS?

Комментарии
Автор

Не перестаю удивляться Вашим объяснениям! Все так кратко, лаконично, по теме, "без воды", четко и с первого раза понятно!!! Спасибо большое!!!

karlengels
Автор

Смотреть на скорости 1.5 одно удовольствие!

_Fantom_.
Автор

Я в шоке насколько ёто просто, спасибо за такое обеспечения всегда фокусами пользуюсь но с грибами думаю будет намного проще

pkachannel
Автор

отличный урок
возьму на вооружение перед тем как кодить, буду делать разметку

ruslanvybornov
Автор

никогда не слышала про грид, ужс) спасибо за урок!

ta_ti
Автор

Мне кажется, этот макет было бы легче сверстать флексами с минимальным применением гридов, а так спасибо за урок, очень доходчиво )

circleeeee
Автор

Что то мне Гриды пока больше нравяться Флеков. Спасибо за Урок. Лукос, как обычно!

jjgvojn
Автор

Чудово, дякую, все максимально зрозуміло

Art-M
Автор

Подскажите, пожалуйста, если мы берем макет(например как на 15:40) мы делим его на блоки, каждый блок у нас получает display:grid. Нужно задавать общий display:grid для всего макета, например для body? Если да, то для того же "body" задавать grid-template-columns? И сколько 1fr?

bvwdfel
Автор

Как можно при помощи гридов задать кол-во столбцов и строк, если мы заранее не знаем сколько их будет? Например если html будет генерировать карточки товаров из бд, т.е. как использовать грид для не статической верстки?

jlmwmyo
Автор

А нет ли других способов поддержать канал? Хотел легкий подогрев скинуть, на печеньки, а там с 200р комиссия аж 400 с лишним рублей оО Может, через сбер или пэйпал?

Bousend
Автор

.grid > * что значит " >" и "*" я где-то пропустил и не могу понять, помогите ребят)

postalpostald
Автор

Спрашивается, зачем мне flex, если есть

sundigate