why css grids, just why??
I'm just asking as the grid overflows and it's not easy to make it dynamic
2 Replies
overflow and grid don't necessarily have anything to do with each other. If you share example code, it might be easier to answer your question
The best thing is to learn how grid really works and the actual differences b/w grid and flex.
You can start here:
https://www.youtube.com/watch?v=ESAXStllfcw
https://www.youtube.com/watch?v=s3wHkfMz8oE
https://www.youtube.com/watch?v=3elGSZSWTbM
https://www.youtube.com/watch?v=ctHE8EXEoj8
https://www.youtube.com/watch?v=oy2iUDT0mf8
https://www.youtube.com/watch?v=r1IitKbJRFE
https://www.youtube.com/watch?v=aKFB5Bjk6KM
9elements
YouTube
Kevin Powell - Flexbox vs. Grid
Creating layouts with CSS can be tricky, and it's complicated by the fact that we have two different layout tools in Flexbox and Grid.
Deciding which one to use in any given situation isn't always obvious, but it can be made a lot easier when we lean into the strengths of each one.
In this talk, we'll break down what the strengths of both Flexbo...
Kevin Powell
YouTube
Two flexbox & grid behaviors most people don't know about
When we use flex and grid, there are a lot of things that we know are going to happen, like getting columns and whatnot, but a lot of people don't realize how it affects collapsing margins, and also what happens with things that aren't wrapped in elements as well!
π Links
β
Deeper look at how flex works: https://youtu.be/fm3dSg4cxRI
β
More ...
Kevin Powell
YouTube
Flexbox or grid - How to decide?
Flexbox and grid are two fantastic layout tools. It can be hard to know which one to pick, but when you focus on the strengths of each one, it becomes a lot easier.
π Links
β
The easiest way to get started with Grid: https://youtu.be/rg7Fvvl3taU
β
The easiest way to get started with Flexbox: https://youtu.be/u044iM9xsWU
β
Using the Grid ins...
Kevin Powell
YouTube
Why I use grid over flexbox for this common layout
Need some quick columns and you throw a display:flex on there are youβre done, right? Well, it can work, but that doesnβt mean it wonβt work for you every single time, as I explore in this video.
π Links
β
Every Layout: https://every-layout.dev/
β
Flexbox or Grid, how to decide when to use which? https://youtu.be/3elGSZSWTbM
β Timestamps
00:0...
Kevin Powell
YouTube
CSS Grid trick thatβs worth remembering
CSS Grid is great, and being able to stack content without position absolute is fantastic, including being able to use z-index without any positioning!
#css
--
Come hang out with other dev's in my Discord Community
π¬ https://discord.gg/nTYCvrK
Keep up to date with everything I'm up to
β https://www.kevinpowell.co/newsletter
Come ...