Flexbox and CSS Grid are two CSS layout modules that have become mainstream in recent years. Learn when to use Flexbox vs. CSS Grid in this video. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_18VLSXfsj94&utm_medium=referral&utm_source=youtube.com&utm_content=description
Both Flexbox and CSS Grid allow web designers to create complex layouts that were previously only possible by applying CSS hacks and/or JavaScript. Flexbox and CSS Grid share multiple similarities, and many layouts can be solved with both. When to use which is another question, however. You'll discover the answer in this video.
00:00 Introduction
01:50 One dimension vs. two dimensions
08:59 When content shapes the layout (use Flexbox)
10:21 When layout shapes the content (use CSS Grid)
14:18 Box alignment
15:35 Browser support
Read more on Flexbox vs. CSS Grid on Envato Tuts+: https://webdesign.tutsplus.com/articles/flexbox-vs-css-grid-which-should-you-use--cms-30184?utm_campaign=yt_tutsplus_18VLSXfsj94&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_18VLSXfsj94&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_18VLSXfsj94&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -