Bento Style with CSS Grid - Code Snippets CSS Grid Helper - Elementor Wordpress Tutorial

[@zimsuk]

Thanks, it finally made me understand how to work with the grid 👍🏻👏🏻💪🏻

[@kayuanes]

Hey, if you were doing a bento rn, which one between css and flex would you use??? And why?

[@EamonnO-d7k]

Hey Imran, Thank you for the insightful video on CSS grid layouts. 👍👍 Could you or someone from the community kindly consider creating a follow-up video that demonstrates the application of this grid layout within a custom loop where the first five items in a custom loop can be effectively displayed using this grid layout?

[@websquadron]

Interesting request. Let me have a think.

[@StevanOvich61]

Wow, nice! 👍

[@ericuk9481]

Hello Imran hope you are doing good. Quick questions if you don t mind, How do you make your grid responsive for mobile ? Without hiding the grid ? Do you have any video on that matter ? Thank you

[@websquadron]

You can add @media to modify the CSS spans, or just ensure that each grid is set to 1005 when it gets to the mobile breakpoint.

[@ericuk9481]

@@websquadron thank you Imran

[@TheEpetecain]

Hi Imran, insightful video! I have a question: anyone know how to get rid of of "g6"? You can see the dotted box (which it's empty) on all versions (desktop/tab/mobile). I mean, theres's a "blank space" below and I don't know how to remove it.

[@websquadron]

It should disappear. If not then add a container set to 0 height inside.

[@sproksch87]

hey, thank you very much for the video. Can you or someone from the community explain to me what the advantage of the CSS Grid is over the alternative to the Flex Box container? Thank you very much and greetings from Stuttgart (Germany)

[@websquadron]

No disadvantage depending on how you build it - and like with Flex you will need to adjust for the tablet/mobile. Grid can make it easier to compartmentalise items or areas of the page.

[@lucianpascu8445]

Grid is mostly for layouts (complicated ones) and Flex mostly for content or simple layouts. Sometimes you will combine them.

[@QuaverloveStudio]

Sound!

[@QuaverloveStudio]

Hey, Imran. I just ran into a bit of difficulty with the CSS Grid bento layout: It shows perfectly in the editor, but when I preview it live, it doesn't have the styling... just a normal left-to-right and then on to the next row... I've tried it on all the browsers I have installed... same thing. Have you come across this before?

[@shibupandit24]

No more bricks tutorials now days ?

[@websquadron]

Soon, just not yet.