I *love* flexbox. It’s a fantastic tool. But there is a reason we have two layout tools, and it’s because it can’t do everything, and some solutions with it are overly complicated. We have grid for a reason, and it’s not as complicated as it might seem at first.
🔗 Links
✅ Learn Grid the easy way:
✅ Flexbox doesn’t work the way you think it does:
✅ Grid and position absolute work so well together:
✅ Overlapping content with grid using named lines:
⌚ Timestamps
00:00 - Introduction
00:30 - Why I prefer grid for simple columns
04:50 - Structured, responsive grids
05:35 - Spanning columns and rows
06:50 - Overlapping content
08:30 - Please don’t bring up browser support
#css
...
#KevinPowell #Kevin_Powell #css #front-end #frontend #html #web_development #css_tutorial #tutorial #flexbox
20240807
MWWcZzossc8
20 views
268
78
5 months ago 00:03:52 28
Расследуй убийство с SQL. Игры, которые реально учат писать код.
5 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
7 months ago 00:33:12 1
Верстка сайта по методологии БЭМ
8 months ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
9 months ago 00:05:00 1
Flexbox #1 Основные понятия
10 months ago 00:18:18 5
ASMR Programming - Animated Login Page - No Talking
1 year ago 00:29:09 1
My network is bigger than yours ;)
1 year ago 00:06:58 1
Oh no, I think I like this
1 year ago 01:13:46 1
ASMR Programming - Responsive Admin Dashboard with Light & Dark Mode - No Talking
1 year ago 21:14:42 1
Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
1 year ago 00:14:56 1
21 сайт с интерактивным программированием для детей и взрослых или как заинтересовать ребенка в it.
1 year ago 00:18:35 1
Learn CSS Grid in 20 Minutes
1 year ago 00:47:39 1
ASMR Programming - Complete Responsive Portfolio Design - No Talking
1 year ago 01:42:55 1
The Complete Crash Course For Beginners (FREE COURSE)