Masonry layout with CSS only!

The first 1000 people to use the link will get a free trial of Skillshare Premium Membership: https://skl.sh/kevinpowell12201

Masonry Layouts have been around forever now, and considering that they are surprisingly hard to actually implement. Well, not so much now that they are coming to CSS at last! It's still in the *very* early stages, only working in Firefox Nighty as I upload this, but it's in the works and hopefully, we don't have to wait too long before it becomes widely supported.

Because it does have poor browser support, I also take a look at a possible fallback using CSS Columns as well 😊.

Codepen: https://codepen.io/kevinpowell/pen/yLaYxab

/// Timestamps
00:00 - intro
01:07 - basics of masonry
05:17 - using spans
06:55 - align-tracks
08:45 - creating a fallback
13:18 - making it more robust
15:38 - outro

This video was sponsored by Skillshare

--

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

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell

---

My editor: VS Code - https://code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Видео Masonry layout with CSS only! канала Kevin Powell