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

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 17

  • @zimsuk
    @zimsuk 10 месяцев назад

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

  • @EamonnO-d7k
    @EamonnO-d7k 10 месяцев назад +1

    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
      @websquadron  10 месяцев назад

      Interesting request. Let me have a think.

  • @kayuanes
    @kayuanes Месяц назад

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

  • @StevanOvich61
    @StevanOvich61 10 месяцев назад +1

    Wow, nice! 👍

  • @TheEpetecain
    @TheEpetecain 7 месяцев назад

    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
      @websquadron  7 месяцев назад

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

  • @ericuk9481
    @ericuk9481 8 месяцев назад

    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
      @websquadron  8 месяцев назад

      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
      @ericuk9481 8 месяцев назад

      @@websquadron thank you Imran

  • @sproksch87
    @sproksch87 11 месяцев назад

    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
      @websquadron  11 месяцев назад +1

      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
      @lucianpascu8445 9 месяцев назад

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

  • @QuaverloveStudio
    @QuaverloveStudio 11 месяцев назад +1

    Sound!

    • @QuaverloveStudio
      @QuaverloveStudio 4 месяца назад

      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
    @shibupandit24 10 месяцев назад

    No more bricks tutorials now days ?