02:06 01. Super Centered place-items: center 03:03 02. The Deconstructed Pancake flex: 0 1 <baseWidth> 04:36 03. Sidebar Says grid-template-columns: minmax(<min>, <max>) ... 06:12 04. Pancake Stack grid-template-rows: auto 1fr auto 07:45 05. Classic Holy Grail Layout grid-template: auto 1fr auto / auto 1fr auto 10:04 06. 12-Span Grid grid-template-columns: repeat(12, 1fr) 11:47 07. RAM (Repeat, Auto, Minmax) grid-template-columns: repeat(auto-fit, minmax(<base>, 1fr)) 13:56 08. Line Up justify-content: space-between 16:08 09. Clamping My Style clamp(<min>, <actual>, <max>) 18:35 10. Respect for Aspect aspect-ratio: <width> / <height>
This video improved my life expectancy.
Me: Probably another library or something.. Video: "place-items: center;" Item: *Actually centered* Me: *Standing ovation*
I'm only 4:30 in and already this is the most useful CSS tutorial I've come across in weeks of trying to come up to speed on where the web has gone in the 15 years since I last dabbled. Fantastically simple and straightforward presentation too. No useless fluff. Just dive into the details with visually compelling examples.
I'm not a design person, so whenever I try to do a design mock-up I have to write many lines of code and even that doesn't give me satisfaction on my work. But after watching this, I think my work can be reduced a lot. can't wait to try this out. Really nice presentation. Thank you for these great tips!
yes i can finally center in css
The happiness you are radiating in the video makes everything easier to understand.
Imagine showing someone from 20 years ago how easy web layouts would be in the future :)
Incredible. The level of sophistication and simplicity in modern CSS takes my breath away. I need to kick my flexbox addiction and start using grid as well
Watched this video two weeks ago and today I had to use one of these valuable nuggets. Keep learning....you never know when and where you will need to apply what you learned.
I've switched from doing websites back in 2008 to strickly a back-end dev. It's amazing how much things have changed and the newer CSS features. THANK YOU!!!
I once tried to explain to someone at a job fair that manually centering a button was one of my earliest proudest moments in web development. I don't think they understood.
This is literally the most helpful practical and practical css guide I've ever seen
Don't apologize for the titles of your layouts. You've made it a LOT easier to remember them :)
Great and wonderful! I am updating my knowledge, but I would appreciate the way you speak, you let other people be interested to hear you
As a total noob it's actually good to see that others struggle with the same things as I am struggling with.
This video is a godsend. After hours of scouring stack-overflow for continuously more convoluted solutions that don't even work properly, this video finally showed me how to actually do what I wanted properly.
Probably the most important CSS video for modern web I've ever come across, thanks!
This 20 minutes video will save me 20 hours of writing media queries in my next project❤️
@sharpesttoolintheshed492