Build an Awesome Bento Layout Website - Flexbox Container - Elementor Wordpress Tutorial
ฝัง
- เผยแพร่เมื่อ 19 ก.ย. 2024
- This is just the start. More videos will follow this week to do more with this layout, and I'm sure you'll love it.
Look forward to your comments.
Build an Awesome Bento Layout Website - Flexbox Container - Elementor Wordpress Tutorial
Elementor Hosting - managed wordpress hosting :
be.elementor.c...
Elementor Pro - The builder that will make you a pro
be.elementor.c...
Get our Awesome 'How to Build an Elementor Website Course' - Lifetime Updates and access to New Modules at no extra cost: learn.websquad...
Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co...
Book your 1-2-1 Consultation: websquadron.co...
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your TH-cam Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit websquadron.co.uk
![PURPEECH - นี่ฉันเองคนที่... (It's me) [Official MV]](http://i.ytimg.com/vi/NuhHd0hOOg8/mqdefault.jpg)
I love how much elementor layout knowledge you give away for free!
Wait till you see what comes out this week!
From now until Friday, each day will expand and show you more.
Thursday's video will be 'Sweet!'
Do share the video (click the share button to get the right URL) and let the world know :)
Thank you Imran. I am obsessed with Bento grid. The only problem I see is maintaining the hierarchy on the page. Don't get carried away by design, rather than clarity. I look forward to more ideas.
Agreed. Takes some thought.
would love to see how this can be used to set up a news site/blog (with dynamic data)
I'm actually prepping that :)
Good work. I got a similar design, just with a huge hero.
Nice work!
awesome
Truly good video! =D
Thanks! 😁
Just love your videos and love what you do it helps us alot just a general question. I have seen you using only 3 breakpoints on your website even tho elementor gives other options too so I wanted to know using more breakpoints does it hurt website performance?
The more you use, the more you have to adapt or get caught in continuous changes. I just go for 20px Left and Right to make it easier to manage.
Thank you very much for this great video 🙏🫶🏻
Keep an eye out for the video coming out Tomorrow - Thursday 22nd that adapts this layout a little bit more :)
@@websquadron Thank you for the tip 💖 I sure will watch it 😊
You should set the overflow of the container for On-Site Training to hidden. This way can hide anything that goes out of the container. Setting the inner elements with same border radius doesn't work perfectly if you look closely.
Yup, normally overflow is always set to hidden. Jagged bleeds are always annoying :)
I am having so much trouble with the mobile. I wonder if I am missing anything
Are you adding @media css to only apply these layouts for width size greater than 768?
All this work to get that grid? Why not use css grid - or use a builder that is not a pos?
Did you see my other video with grid?
There are some that still want to use Flex hence the reason for the vid.
Is this a trend? rounded boxes?
No. Yes. Maybe.
It woudl be great to have a Bento box like for an ecommerce, but will products inside not images.
Yup, that could be done.
Do you need elementor pro for this ?
No as you're using Flex Containers.