Bento Grid | Frontend Mentor Challenge (HTML & CSS)

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

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

  • @edsHTML
    @edsHTML  2 месяца назад +4

    🚨Here is Bento Grid main CSS Grid template areas:🚨
    grid-template-areas:
    'box1 box2 box2 box3'
    'box1 box2 box2 box3'
    'box1 box2 box2 box3'
    'box1 box2 box2 box3'
    'box1 box5 box6 box3'
    'box4 box5 box6 box3'
    'box4 box5 box6 box3'
    'box4 box7 box8 box8'
    'box4 box7 box8 box8'
    'box4 box7 box8 box8';

  • @mr.fabian8471
    @mr.fabian8471 2 месяца назад +1

    Thank you for this channel !!

    • @edsHTML
      @edsHTML  2 месяца назад

      Thank you for watching 😀!

  • @abdullahibello8490
    @abdullahibello8490 2 месяца назад

    What extension are you using to resize Chrome to mobile size without using the dev tools?

    • @edsHTML
      @edsHTML  2 месяца назад +1

      im not using any resizing extensions. Do you mean resizing the window or the responsive design? you could also ctrl + to zoom in and it will also change the layout of the design.

  • @angello2
    @angello2 2 месяца назад

    Is it possible to do this using flex?

    • @edsHTML
      @edsHTML  2 месяца назад +1

      ive seen a different bento grid design built with flex, so its possible. but i think CSS grid is easier to build bento grids with

  • @AltinZeneli-h1f
    @AltinZeneli-h1f 23 дня назад

    What a video 😂😂🤦no more video plz