Fully Responsive Containers in Elementor – Quick and Easy Flexbox Tutorial for Responsive Layouts
Elementor Global Settings Explained - How to Correctly Set up the Site Settings for a Great Workflow: • Elementor Global Settings Explained - How ...
Get Elementor: https://be.elementor.com/visit/?bta=2...
Awesome, affordable hosting: https://www.hostinger.com/reialesa - use discount code 'REIALESA' to get an extra 10% off your purchase!
🗞️ Subscribe to my newsletter: https://www.reialesa.com/newsletter/
Flexbox containers are a new feature in Elementor that you might be struggling with. In this quick tutorial, we’ll go over how to utilize containers to create a fully responsive layout within a single container. This is something you simply couldn’t do with sections and columns.
With containers, however, it’s really simple.
You just have to make sure you set everything up right, and your website will be faster, cleaner and easier to work with.
Chapters:
00:00 – Intro
0:00:22 - The old way - how this was done with sections and columns
0:01:37 - Setting up the containers
0:02:31 - How to create the second row
0:03:40 - Fixing the paddings and adding more containers
0:04:13 - Making it responsive
0:05:38 - Checking out the results and recap
Get in touch:
https://www.reialesa.com/youtube/
Don’t be shy! Let me know what you’d like to see next, ask me anything related to design or just simply say hi.
Please note that some of the above are affiliate links, which means I earn a commission if you make a purchase, at no additional cost to you. Thank you very much if you decide to use them!
#elementor #containers #responsive