This to date is THE most concise tutorial about FlexBox on UA-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'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..
@@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.
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 :)
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!
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?
Doing a deep dive through your tutorials 😅, not sure if I missed this ,but when working with containers in columns, what is the best method to align each container to the same height? For example, one column container has less text than the other, and therefore is shorter, and how do I make this look good on mobile and tablet?
@@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.
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.
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 UA-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 :)
ua-cam.com/video/rO7mFhFT4oo/v-deo.htmlfeature=shared
A very good quality tutorial! I'm quite advanced in Elementor and still discovered few things. Many thanks!
Just when I thought I knew everything about Flexbox, I picked up a lot of tips from your excellent tutorial!
Great to hear!
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!
Thanks for this. I've been using multiple containers to achieve some of the things shown in this video.
Glad it was helpful!
WOW, this is a really great tutorial who want to learn Flexbox. Thanks, Imran brother
You are most welcome
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.
I prefer using grids. Helps me understand everything better.
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!
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
THanks Imran, hope Grid container next . well explained all the best.
Absolutely.
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!
The best helpful tutorials!
Makes me want to click and unclick the like button over and over!!!
Just brilliantly presented! 👏🙌 💪
Thank you! 🙏
Glad you enjoyed it!
Great refresher!
Thanks, Imran.
My pleasure!
Great tutorial, thanks!
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!
Great 👍
Thank you Imran.
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.
Doing a deep dive through your tutorials 😅, not sure if I missed this ,but when working with containers in columns, what is the best method to align each container to the same height? For example, one column container has less text than the other, and therefore is shorter, and how do I make this look good on mobile and tablet?
You could apply stretch to the parent container
@@websquadron Hey, thank you for your answer! Just realized I wasn't more specific, I am referring to the 'price tables' not being of equal length.
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 :)
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.
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 UA-cam police after you lol
Just realised that! Yikes!