CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие

Uploaded By: Myvideo

Published on

11 Apr 2023

1 view

0

0 votes

0

About Share Download Add to

Продолжаем изучать Grid Layout и сегодня поговорим о элементах Grid сетки, а именно о перемещении сортировке и выравнивании Grid элементов свойствами grid-row-start, grid-column-start, grid-row-end, grid-column-end. Именованные линии сетки. Порядок вывода элементов Grid сетки с помощью order. Выравнивание элементов сетки align-items, justify-items, justify-self и align-self. Промежутки между элементами сетки row-gap, column-gap и gap. 👉Весь прейлист CSS Grid Layout: - Содержание: 00:00 - Введение 00:16 - Основные особенности 01:49 - Перемещение элементов сетки 05:02 - Имена линий сетки 07:24 - Порядок вывода 07:47 - Выравнивание элементов сетки 10:27 - Промежутки между элементами сетки 11:36 - Напутствие 🔴 Получить доступ к плюшкам поддержать канал: 🔴 Telegram канал: (

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/ejcrUFJRbVpTc3FlL1ZCa0xJcXd2em16a0dPYUR6KzlNMloyaXA2UXNmZz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

One Line Of Code By Master CSS

2 days ago

00:05:44

One Line Of Code By Master CSS

3 73%

Become A Master Grid CSS In 13 Minutes

2 days ago

00:13:45

Become A Master Grid CSS In 13 Minutes

2 90%

2. Enabling CSS Grid

1 week ago

00:05:29

2. Enabling CSS Grid

2 89%

25_____________________1. Introducing CSS Grid

1 week ago

00:06:52

25_____________________1. Introducing CSS Grid

1 26%

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop

2 weeks ago

00:43:59

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 6 - Адаптация сайта под телефон (адаптив, html, css, desktop

22 92%

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop

2 weeks ago

00:49:20

WEB PRO - Школа веб-разработки, создание сайтов Burger Landing 5 - Адаптация сайта под планшет (адаптив, html, css, desktop

22 47%

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

2 weeks ago

03:44:28

Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1

285 30%

Online стрим. Верстаем на CSS Grid. Общение. Ответы на вопросы подписчиков

2 weeks ago

01:17:30

Online стрим. Верстаем на CSS Grid. Общение. Ответы на вопросы подписчиков

19 15%

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

2 weeks ago

03:52:17

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

51 28%

Верстка сайта онлайн. Подробно с объяснениями для новичков. Мобильная адаптация сайта. Часть 2

2 weeks ago

03:06:58

Верстка сайта онлайн. Подробно с объяснениями для новичков. Мобильная адаптация сайта. Часть 2

27 56%

089 View transitions (Дата оригинальной публикации: )

2 weeks ago

00:41:50

089 View transitions (Дата оригинальной публикации: )

16 74%

8 полезных css трюков, которые упростят вашу жизнь

2 weeks ago

00:15:21

8 полезных css трюков, которые упростят вашу жизнь

107 73%

Весь GRID за 39 минут. Теория и практика по гридам (Основы HTML и CSS)

3 weeks ago

00:39:11

Весь GRID за 39 минут. Теория и практика по гридам (Основы HTML и CSS)

32 15%

@property Is One Of The Coolest New CSS Features

3 weeks ago

00:10:40

@property Is One Of The Coolest New CSS Features

7 85%

CSS Grid Layout. Практика + шпаргалка.

3 weeks ago

00:34:21

CSS Grid Layout. Практика + шпаргалка.

2 30%

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

1 month ago

00:49:33

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

1 46%

CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример

1 month ago

00:26:31

CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример

4 58%

Полный курс HTML и CSS от новичка до профессионала

1 month ago

06:31:24

Полный курс HTML и CSS от новичка до профессионала

3 38%

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

1 month ago

00:25:11

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

1 18%

Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse

1 month ago

05:05:30

Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse

70 42%

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

1 month ago

04:42:30

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

55 92%

CSS Grid, flexbox, float в чем разница и как использовать. Практический пример

1 month ago

00:26:30

CSS Grid, flexbox, float в чем разница и как использовать. Практический пример

1K 73%

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

1 month ago

00:29:06

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

963 36%

HTML Верстка корзины товаров HTML, SCSS, BEM naming

1 month ago

01:23:31

HTML Верстка корзины товаров HTML, SCSS, BEM naming

320 37%

0 Comments

Guest