Small tip: You can omit the end and start when declaring the grid. Grid is smart enough to understand where the end and start is when positioning a grid item
I dont understand what the tip means in practice can u elaborate more pls i also want to learn this me know the basics of grid and flex but get confused to use which one and this video help me understand grid more
@@kizigamer6895 I'm guessing he means instead of declaring full-start / full-end or content-start / content-end, you can simply declare, full and content without the start or end suffix. Correct me if I understood wrong :)
Is it possible to write all of this in tailwind somehow? I suppose it should be achievable with tailwind's `[ ]` notation somehow. Also how often do you use this? This feels like a great way to apply a grid to pages in general, do you have some templates that you often apply for new pages/designs?
For a single line grid I think that could work, but beyond that it won't unfortunately. Besides that I think making that based on an arbitrary value is just a little bit too much. Nothing wrong with adding this to the CSS file imo. I really like to use this setup for more text based pages (eg blog detail pages). I don't have any templates ready to go, I built it from scratch every time.
This channel is such a gem.
Small tip: You can omit the end and start when declaring the grid. Grid is smart enough to understand where the end and start is when positioning a grid item
I learned something just now!! Thanks!
I dont understand what the tip means in practice can u elaborate more pls i also want to learn this me know the basics of grid and flex
but get confused to use which one and this video help me understand grid more
@@kizigamer6895 I'm guessing he means instead of declaring full-start / full-end or content-start / content-end, you can simply declare, full and content without the start or end suffix. Correct me if I understood wrong :)
@@spectre_9This is also what I understood! Didn't try it myself yet though.
Incredible. I had no idea this was a thing.
Reinventing in my head grid, 100% will use it more often
This came as a mind grenade 🤯. I feel i have some kind of superpower now
Right!!! This is so powerful!
This is awesome!
This is really cool! May I know what theme and font you are using here?
On the desktop view we can see the beauty of it
🫡 - do you have a great example you want me to replicate? I feel every video I make of scroll animations is the same.
Thanks
Can I have a div with bg color with full-bleed and the content inside will be by default width? If yes, how? 😃
awesome video!
Thanks!
Is it possible to write all of this in tailwind somehow? I suppose it should be achievable with tailwind's `[ ]` notation somehow.
Also how often do you use this? This feels like a great way to apply a grid to pages in general, do you have some templates that you often apply for new pages/designs?
For a single line grid I think that could work, but beyond that it won't unfortunately. Besides that I think making that based on an arbitrary value is just a little bit too much. Nothing wrong with adding this to the CSS file imo.
I really like to use this setup for more text based pages (eg blog detail pages). I don't have any templates ready to go, I built it from scratch every time.
I thought tailwind was the new css 😮😮😮😮
Tailwind IS css 😉
Grid is the way forward.
How are the images created again?
These ones specific are created with Dall-e by OpenAI