CSS Grid Crash Course 2022

Uploaded By: Myvideo

Published on

7 Feb 2023

1 view

0

0 votes

0

About Share Download Add to

This crash course will teach you all of the fundamentals of CSS Grid ⭐ Sponsor: InMotion Hosting! 💻 Code: 👇 Website & Courses: 💖 Show Support Patreon: PayPal: 👇 Follow Me On Social Media: Twitter: Instagram: Linkedin: Timestamps: 0:00 - Intro 0:50 - Sponsor 1:28 - Slides 4:29 - HTML & Base CSS 7:28 - Creating a Grid 7:53 - grid-template-columns 9:16 - repeat() 9:32 - Gap Spacing 10:17 - Row Height 10:55 - grid-auto-rows 11:15 - minmax() 11:45 - grid-template-rows 13:19 - Grid Browser Tools 14:03 - Align & Just ... #TraversyMedia #css_grid #grid_css #grid #css #flexbox 20220302 0xMQfnTU6oo

Share with your friends

Link:

Embed:

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

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

1 day ago

01:02:51

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

31 31%

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

3 days ago

01:04:13

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

62 42%

90 - Why CSS Grid A Whole New Mindset

6 days ago

00:05:15

90 - Why CSS Grid A Whole New Mindset

1 29%

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

1 week ago

00:51:08

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

4 17%

Center the bottom row when using grid auto-fit

2 weeks ago

00:26:53

Center the bottom row when using grid auto-fit

20 34%

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

2 weeks ago

00:34:42

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

9 21%

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

2 weeks ago

01:32:14

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

11 87%

От 0 до 1 Верстка сайта на гридах с нуля №2 css grid верстка, табы на чистом JS

2 weeks ago

01:39:57

От 0 до 1 Верстка сайта на гридах с нуля №2 css grid верстка, табы на чистом JS

10 84%

Even More CSS Secrets / Lea Verou (MIT CSAIL)

3 weeks ago

00:54:50

Even More CSS Secrets / Lea Verou (MIT CSAIL)

1 94%

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

3 weeks ago

00:58:57

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

1 7%

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

3 weeks ago

00:48:52

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

1 74%

Using DevTools to understand modern CSS layouts / Huj Jung Chen

3 weeks ago

00:53:50

Using DevTools to understand modern CSS layouts / Huj Jung Chen

2 10%

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

3 weeks ago

00:36:17

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

53 24%

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

3 weeks ago

00:13:32

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

1 39%

Filament Table as Grid of Images with Annotations

3 weeks ago

00:03:17

Filament Table as Grid of Images with Annotations

1 91%

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

4 weeks ago

00:57:22

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

1 65%

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

4 weeks ago

01:21:36

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

296 23%

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

4 weeks ago

00:21:17

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

1 8%

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

4 weeks ago

00:07:44

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

1 87%

HTML, CSS - 062 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple CSS Grid Layout

4 weeks ago

00:15:43

HTML, CSS - 062 - Layouts - Floats, Flexbox, and CSS Grid - Building a Simple CSS Grid Layout

3 7%

064 Building a Simple CSS Grid Layout

4 weeks ago

00:15:46

064 Building a Simple CSS Grid Layout

2 42%

HTML, CSS - 061 - Layouts - Floats, Flexbox, and CSS Grid - Aligning Grid Items and Tracks

4 weeks ago

00:13:38

HTML, CSS - 061 - Layouts - Floats, Flexbox, and CSS Grid - Aligning Grid Items and Tracks

1 95%

060 A CSS Grid Overview

4 weeks ago

00:09:40

060 A CSS Grid Overview

2 53%

059 Introduction to CSS Grid

4 weeks ago

00:10:58

059 Introduction to CSS Grid

1 84%

0 Comments

Guest