CSS Grid - Unlock the Secrets of AUTO-FILL vs AUTO-FIT

  Рет қаралды 3,247

Optimistic Web

Optimistic Web

Күн бұрын

Пікірлер: 21
@OptimisticWeb
@OptimisticWeb 4 күн бұрын
To help the channel reach a wider audience, I'd really appreciate it if you could watch the entire video before leaving. The longer you watch, the more KZbin will promote it to other viewers. To show your support, please give it a thumbs up, leave a comment, and share it with your friends. Your support means a lot! 🙏
@tonymorin6308
@tonymorin6308 2 күн бұрын
Once again, yet another great video, with a clear & concise example & explanation, thanks OW! 👍
@OptimisticWeb
@OptimisticWeb 2 күн бұрын
Thanks again! Appreciate your support!
@dannydelgado9820
@dannydelgado9820 3 күн бұрын
Awesome video! This info is very useful. Thanks for sharing!
@OptimisticWeb
@OptimisticWeb 3 күн бұрын
Thank you, glad you found it useful!
@biggand8520
@biggand8520 3 күн бұрын
Great explanation, thank you. Really helpful grid’s feature. I’ve never really thought that it adds the extra columns and collapse them, I’ve thought it just stretches the existing columns)) it matters for the css selectors, I think. Good tip)
@OptimisticWeb
@OptimisticWeb 3 күн бұрын
Thank you! I also didn’t know about those extra columns until I worked on a project with some tricky placements. It’s always interesting how these little details pop up.
@vinciarts
@vinciarts 3 күн бұрын
auto-fill fits the elements, auto-fit fills the space 😮
@OptimisticWeb
@OptimisticWeb 3 күн бұрын
Exactly, though it sounds confusing initially.
@RayBellis
@RayBellis 4 күн бұрын
Perfect! Just what I needed to replace a Bootstrap flex row with explicit `col-size-n` classes on the children.
@OptimisticWeb
@OptimisticWeb 4 күн бұрын
Thank you, glad to hear it was helpful!
@MrCloudTel
@MrCloudTel 4 күн бұрын
This is awesome thanks for explainning how to solve problems
@OptimisticWeb
@OptimisticWeb 3 күн бұрын
Thank you, glad you liked it!
@younesdeveloper
@younesdeveloper 4 күн бұрын
Great content, thanks
@OptimisticWeb
@OptimisticWeb 4 күн бұрын
Much appreciated!
@harold.machado
@harold.machado 4 күн бұрын
Thanks
@OptimisticWeb
@OptimisticWeb 4 күн бұрын
You're welcome!
@younesdeveloper
@younesdeveloper 4 күн бұрын
I’m looking for the best way to create a modal using the most appropriate and dedicated HTML tags
@OptimisticWeb
@OptimisticWeb 4 күн бұрын
Thanks for the suggestion, I've added this to my to-do list.
@cryptixdaemon7236
@cryptixdaemon7236 2 күн бұрын
It's not dynamic and responsive, just responsive
@OptimisticWeb
@OptimisticWeb 2 күн бұрын
Thanks for watching! I see what you're saying - it’s definitely responsive, but since auto-fill and auto-fit adjust automatically based on available space, you can add or remove child elements dynamically without breaking the layout. Appreciate the feedback!
Svelte 5 Is Like React, But Better
19:33
Theo - t3․gg
Рет қаралды 63 М.
Когда отец одевает ребёнка @JaySharon
00:16
История одного вокалиста
Рет қаралды 16 МЛН
CAN YOU DO THIS ?
00:23
STORROR
Рет қаралды 39 МЛН
Smart Sigma Kid #funny #sigma
00:14
CRAZY GREAPA
Рет қаралды 79 МЛН
А что бы ты сделал? @LimbLossBoss
00:17
История одного вокалиста
Рет қаралды 11 МЛН
Google Drive hates developers now
23:56
Theo - t3․gg
Рет қаралды 92 М.
CSS Grid - Create a FULL-HEIGHT RESPONSIVE Layout in Minutes
10:01
Optimistic Web
Рет қаралды 13 М.
CSS-Only Page Transitions That Will BLOW Your Mind!
4:13
Hemant Dutta
Рет қаралды 1,4 М.
Why does JavaScript's fetch make me wait TWICE?
6:23
Tom on the Internet
Рет қаралды 194 М.
Master CSS container queries and boost your web design skills!
8:56
Optimistic Web
Рет қаралды 3,8 М.
Favorite New Tailwind Extension
9:56
Coding in Public
Рет қаралды 12 М.
FREE maps for any app - replace Google maps TODAY
27:21
Syntax
Рет қаралды 30 М.
JavaScript for the Haters
2:50
Fireship
Рет қаралды 1,5 МЛН
CSS Container Queries Are Changing Responsive Web Layouts Forever!
12:08
Когда отец одевает ребёнка @JaySharon
00:16
История одного вокалиста
Рет қаралды 16 МЛН