CSS Grid простыми словами, часть 3. Шаблоны и фракции

Uploaded By: Myvideo

Published on

2 Mar 2021

1 view

0

0 votes

0

About Share Download Add to

Шаблоны для grid-контейнера позволяют задать правила для строк и колонок. Для этого используются свойства grid-template-columns, grid-template-rows. Помимо набора значений через пробел, они могут использовать метод repeat. Стандарт CSS Grid вводит новую единицу измерения - фракция (fr), которая представляет собой долю от свободного пространства. Подробности в видео. Мои курсы по вебу: - Компетенция Верстальщик (HTML, CSS, JavaScript) - Инструменты веб-разработчика - Современный ускоритель для HTML - Создание сайтов без программирования

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/UkZxTUY5KzhJWTNWbEdqbEdZT05iZGd5bFdiMk84UEhJYnE3L0Z5OUI5Zz0" 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

Taptop | Визуальный редактор кода CSS Grid: КАК УСКОРИТЬ вёрстку в 2 раза Использование Грид-сетки в Taptop.

4 days ago

01:38:27

Taptop | Визуальный редактор кода CSS Grid: КАК УСКОРИТЬ вёрстку в 2 раза Использование Грид-сетки в Taptop.

46 72%

No more extra scrollbars when using overflow-x

1 week ago

00:01:31

No more extra scrollbars when using overflow-x

2 8%

CSS Grid Alignment & Justification Without the Guesswork

1 week ago

00:13:17

CSS Grid Alignment & Justification Without the Guesswork

5 33%

The CSS Display Property is Changing Forever

1 week ago

00:15:19

The CSS Display Property is Changing Forever

3 78%

Grid auto-fit, but with even number of columns only

2 weeks ago

00:01:40

Grid auto-fit, but with even number of columns only

2 5%

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

2 weeks ago

00:13:55

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

7 45%

CSS Grid: Как ускорить вёрстку в 2 раза Использование грид-сетки в Taptop.

4 weeks ago

01:38:03

CSS Grid: Как ускорить вёрстку в 2 раза Использование грид-сетки в Taptop.

292 74%

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

1 month ago

01:02:51

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

95 75%

Мастер-класс по кастомизации Jmix UI

1 month ago

01:04:13

Мастер-класс по кастомизации Jmix UI

133 52%

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

1 month ago

00:51:08

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

14 61%

Center the bottom row when using grid auto-fit

1 month ago

00:26:53

Center the bottom row when using grid auto-fit

25 78%

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

2 months ago

00:34:42

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

22 86%

Even More CSS Secrets / Lea Verou (MIT CSAIL)

2 months ago

00:54:50

Even More CSS Secrets / Lea Verou (MIT CSAIL)

1 11%

New Adventures in Front-End, 2019 Edition / Виталий Фридман (Smashing Magazine)

2 months ago

00:58:57

New Adventures in Front-End, 2019 Edition / Виталий Фридман (Smashing Magazine)

1 38%

display: grid grid: subgrid / Серёжа Попов (Лига А.)

2 months ago

00:48:52

display: grid grid: subgrid / Серёжа Попов (Лига А.)

1 42%

Using DevTools to understand modern CSS layouts / Huj Jung Chen

2 months ago

00:53:50

Using DevTools to understand modern CSS layouts / Huj Jung Chen

2 70%

Portfolio Designer 4 - Верстка 2 секций Projects на Flexbox по БЭМ. Правка багов секции Works.

2 months ago

00:36:17

Portfolio Designer 4 - Верстка 2 секций Projects на Flexbox по БЭМ. Правка багов секции Works.

78 40%

Grid CSS сетка в блочных темах на WordPress

2 months ago

00:13:32

Grid CSS сетка в блочных темах на WordPress

1 33%

Filament Table as Grid of Images with Annotations

2 months ago

00:03:17

Filament Table as Grid of Images with Annotations

1 75%

CSS Grid. Полный курс

2 months ago

00:57:22

CSS Grid. Полный курс

1 14%

От 0 до 1 Верстка сайта на гридах с нуля, css grid верстка

2 months ago

01:17:39

От 0 до 1 Верстка сайта на гридах с нуля, css grid верстка

21 51%

HTML + CSS | Клуб Web-разработки

2 months ago

01:21:36

HTML + CSS | Клуб Web-разработки

338 52%

HTML, CSS - 110 - Omnifood Project - Setting Up a Reusable Grid

2 months ago

00:21:17

HTML, CSS - 110 - Omnifood Project - Setting Up a Reusable Grid

1 18%

HTML, CSS - 063 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 3

2 months ago

00:07:44

HTML, CSS - 063 - Layouts - Floats, Flexbox, and CSS Grid - CHALLENGE 3

1 53%

0 Comments

Guest