Flex Grid Crash Course

Flex or Grid? Which should you use with Elementor? Do you even understand them? A crash course that covers the ins and outs of Flexbox and Grid. You'll need to be sure of what you can do with Flexbox Containers before we tackle Grid because they are connected :) 00:00 Intro 00:44 Adding Flexbox Containers 02:54 Flex Column 03:49 Flex Column Reversed 04:09 Flex Column Justify Content 04:53 Flex Column Align Items 05:25 Flex Column Element Stacking 05:53 Items Align Self 07:11 Flex Row 08:24 Flex Row Justify Content 08:35 Flex Row Align Items 08:57 Items Align Self (again) 09:17 Container Gaps 09:34 Flex Row Wrap 12:27 Flex Row Wrap Align Content 14:52 Flex Child Containers 17:04 Flex Column Child 19:41 Flex Row Wrap Child 21:34 % Width vs Container Gaps 23:20 Overuse of Child Containers 29:21 Grid Intro 30:09 Grid Columns and Rows 33:26 Grid Gaps 33:32 Grid Auto Flow Row and Column 34:10 Grid Justify Items 34:28 Grid Align Items 34:58 Grid Column Widths with fr & px 37:21 When is Grid useful? 37:39 Containers inside Grid 39:00 Grid is needed for some layouts 39:47 Grid Spanning per Container 47:48 Grid Spanning on the Parent 48:43 Conclusion 👉 Grab our $1 Business Packs: https://learn.websquadron.co.uk/#packs 👉 WordPress Hosting: https://be.elementor.com/visit/?bta=25741&nci=5486 👉 The Pro Page Builder: https://be.elementor.com/visit/?bta=25741&nci=5383 Need 1-2-1 Support: https://learn.websquadron.co.uk/#support Join our Facebook Group: https://www.facebook.com/groups/websquadron Get Code Snippets Pro: https://r.freemius.com/10565/3304295/