Floats, Flexbox, Grid? The progression of CSS layouts

From the creator

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: https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525 CodePen: https://codepen.io/kevinpowell/pen/gzZpGL/ 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: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell

Published 2018-05-23 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.