This to date is THE most concise tutorial about FlexBox on TH-cam! So much information packed in a 20 Minute Video, you will want to watch it twice to get everything out of it. Great Job, as always! 👍👌
@@websquadron I actually just signed up for your course. I have a woocommerce store that I am having trouble designing. I am moving from shopify and a lot of features seem a bit hard to copy.
You're awesome. Love your content and your dedication. Very knowledgeable, great at teaching, and enjoyable to watch and learn from/with. Thank you for hard work and commitment to helping others learn. It's appreciated, and so are you. All the best to you..
Absolutely loving the grow function! I've been fiddling with the %s and worrying about how it will translate on the myriad of sizes - this is a game changer!
@@websquadron It's brilliant - honestly I wasn't a fan of containers to start with but for me Elementor has really upped their game with all this and all the other stuff they've been implementing!
Thank you, Imran! I thought I knew flex box containers, but I did learn something new from this tutorial! Would love something similar on grid thanks again!
I’ve been very reluctant to switch as I only build websites for me. After viewing this; and I will rerun later, I know I can switch without too much of a learning curve. As always: thank you for sharing your knowledge and advice.
I presume this is adding a flex box to an existing page with sections ? My plan was to build and publish a large number of pages with sections containing no content that I could use if I was having problems adapting - whilst I practised - it get harder at 80 but great fun.
@@warblog6165 You can use Sections with no need to use Containers if that helps. The widgets that need Containers are the Loop Grid, Taxonomy Filters, the New Carousels, and the Nested Tabs/Accordions :)
Nice Explanation! I've got one question though: is the align feature good in terms of speed optimization or is padding still more optimal? Thx in advance!
Thanks that was helpful. Do you usually prefer Grids or Flexbox? Flexbox for more individual different styles and Grids more for like items which keep the same size, like image catalogs or similar?
Bit of a newbie question. I am still working in sections and want to use containers but want to be able to use sections as a fallback. Can I create a number of blank pages with simple sections then switch on containers and use containers if I want to alongside sections on these blank pages? I really want to have megamenus on section pages - is this possible? TIA
Yes. Of course. Just add a dummy page and stick sections on there. Then whenever you need to add a section to a page with containers - copy the section over. My tip is to add a section. Then add a section with an inner section inside. That way you’re covered.
@@websquadron Hey...just to be clear...it's nothing against you or your tutorial...it's the whole thing of the flexbox that seems so hard to "get." You do great videos and I love your style.
Can anyone tell me how to make container be as thin as possible? it seems to have minimum height even without anything inside of around 40 px or so. How do we change that ?
This to date is THE most concise tutorial about FlexBox on TH-cam! So much information packed in a 20 Minute Video, you will want to watch it twice to get everything out of it.
Great Job, as always! 👍👌
You may want to see the updated version :)
th-cam.com/video/rO7mFhFT4oo/w-d-xo.htmlfeature=shared
A very good quality tutorial! I'm quite advanced in Elementor and still discovered few things. Many thanks!
The best helpful tutorials!
Makes me want to click and unclick the like button over and over!!!
Just when I thought I knew everything about Flexbox, I picked up a lot of tips from your excellent tutorial!
Great to hear!
This was so helpful!! Thanks a lot for your guidance.
Got another coming up later this week
@@websquadron I actually just signed up for your course. I have a woocommerce store that I am having trouble designing. I am moving from shopify and a lot of features seem a bit hard to copy.
You're awesome. Love your content and your dedication.
Very knowledgeable, great at teaching, and enjoyable to watch and learn from/with.
Thank you for hard work and commitment to helping others learn.
It's appreciated, and so are you.
All the best to you..
I appreciate that!
Just brilliantly presented! 👏🙌 💪
Thank you! 🙏
Glad you enjoyed it!
WOW, this is a really great tutorial who want to learn Flexbox. Thanks, Imran brother
You are most welcome
Thanks for this. I've been using multiple containers to achieve some of the things shown in this video.
Glad it was helpful!
Great refresher!
Thanks, Imran.
My pleasure!
Absolutely loving the grow function! I've been fiddling with the %s and worrying about how it will translate on the myriad of sizes - this is a game changer!
Once I realised what this does - it instantly saved me having more child containers
@@websquadron It's brilliant - honestly I wasn't a fan of containers to start with but for me Elementor has really upped their game with all this and all the other stuff they've been implementing!
Thank you, Imran! I thought I knew flex box containers, but I did learn something new from this tutorial! Would love something similar on grid thanks again!
Coming soon!
THanks Imran, hope Grid container next . well explained all the best.
Absolutely.
Great tutorial, thanks!
I’ve been very reluctant to switch as I only build websites for me. After viewing this; and I will rerun later, I know I can switch without too much of a learning curve. As always: thank you for sharing your knowledge and advice.
Fantastic!
You can interchange and use both Sections and Containers on the same page if you're still getting used to it.
I presume this is adding a flex box to an existing page with sections ? My plan was to build and publish a large number of pages with sections containing no content that I could use if I was having problems adapting - whilst I practised - it get harder at 80 but great fun.
@@warblog6165 You can use Sections with no need to use Containers if that helps. The widgets that need Containers are the Loop Grid, Taxonomy Filters, the New Carousels, and the Nested Tabs/Accordions :)
I welcome the challenge; anyway I want to sample the contents of your Bento boxes 🤓 take care and thanks again
Great 👍
I prefer using grids. Helps me understand everything better.
Thank you Imran.
Nice Explanation! I've got one question though: is the align feature good in terms of speed optimization or is padding still more optimal? Thx in advance!
Thanks that was helpful. Do you usually prefer Grids or Flexbox? Flexbox for more individual different styles and Grids more for like items which keep the same size, like image catalogs or similar?
Very much depends on the look. I work more with Flexbox than Grid. You're right that Grid is better for similar sized layouts.
Bit of a newbie question. I am still working in sections and want to use containers but want to be able to use sections as a fallback. Can I create a number of blank pages with simple sections then switch on containers and use containers if I want to alongside sections on these blank pages? I really want to have megamenus on section pages - is this possible? TIA
Yes. Of course. Just add a dummy page and stick sections on there. Then whenever you need to add a section to a page with containers - copy the section over. My tip is to add a section. Then add a section with an inner section inside. That way you’re covered.
Yes, great presentation but you fried my brain at the same time after 10th minutes.🤣
Oh no! :) :) :)
Same here. :(
@@thepurpleufo Sorry to hear that :( An updated version is coming out soon :)
@@websquadron Hey...just to be clear...it's nothing against you or your tutorial...it's the whole thing of the flexbox that seems so hard to "get." You do great videos and I love your style.
@@thepurpleufo Don't worry. I've been prepping for simpler way to explain it anyway :) It's coming soon :)
Can anyone tell me how to make container be as thin as possible? it seems to have minimum height even without anything inside of around 40 px or so.
How do we change that ?
Did you remove padding, and row/column gaps?
You can also use select {height: 2px;}
@@websquadron i found out that it just looks like that in editor. but website showed correctly. thanks
careful how many times you say Far Right, you might get the TH-cam police after you lol
Just realised that! Yikes!