Floats Flexbox Grid The progression of CSS layouts
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=R7gqJkdc5dM
CSS is confusing enough, and now in 2018 there are so many different options out there, from floats to flexbox to CSS Grid. • This video takes a look at why we used floats for layout, and how things have progressed to flexbox, and now to grid to give a bit of a historical look at it all, as well as some ideas about what you should be using today. • This article was heavily influenced by Modern CSS Explained for Dinosaurs by Peter Jang: / modern-css-explained-for-dinosaurs • CodePen: https://codepen.io/kevinpowell/pen/gz... • Timestamps • Floats: 3:10 • Flexbox: 12:14 • Grid: 17:26 • Browser Support?: 25:00 • --- • I have a newsletter! https://www.kevinpowell.co/newsletter • New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass • --- • My Code Editor: VS Code - https://code.visualstudio.com/ • How my browser refreshes when I save: • How to automatically refresh your bro... • --- • Support me on Patreon: / kevinpowell • 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: / kevinpowell.co • Twitter: / kevinjpowell • Codepen: https://codepen.io/kevinpowell/ • Github: https://github.com/kevin-powell
#############################
![](http://youtor.org/essay_main.png)