How to create a Gallery Images with css Grid | Super Easy

Поділитися
Вставка
  • Опубліковано 21 жов 2024

КОМЕНТАРІ • 33

  • @madgraphex3464
    @madgraphex3464 6 років тому

    Great video man... I've been looking for this for a while!

    • @HoshCoding
      @HoshCoding  6 років тому

      Madgraphex you are welcome, you check my last videos it may help you

  • @gloops4113
    @gloops4113 4 роки тому

    i liked how you explained how you broke up the desired chunks into row and col spans and displayed that as a layer as well, after i watched this video i went and designed my css collage exactly the steps you did and it worked, thanks. I have been a flex-box user for about a year now. this works great for fixed size but when you want to start collaging, grid is powerful and easy to use.

  • @connorchatting420
    @connorchatting420 4 роки тому +1

    Thank you for this bro, out of all the videos I’ve watched you help me understand grid the easiest!

  • @sanchezp330
    @sanchezp330 4 роки тому

    Just gettinb back into this scene. I was really impressed at how simple you made the grid layout to comprehend and apply. Thanks.

    • @HoshCoding
      @HoshCoding  4 роки тому

      Thanks for your comment glad that this video it helps you even if it's old now :)

  • @glenchamisa9711
    @glenchamisa9711 5 років тому

    Really good explanation and guide, thanks!

  • @simoneisonni4558
    @simoneisonni4558 6 років тому

    Thank you so much! Very good explanation

  • @RBVicious
    @RBVicious 4 роки тому

    excellent big job

  • @MSKChess
    @MSKChess 6 років тому +1

    awesome, real awesome, thanks so much!

  • @magicyvan
    @magicyvan 6 років тому

    Very interesting indeed for creativity ! ;) thanks ... I jus tstarted to learn wordpress so I'm wondering if you could you point me to a tutorial showing how to use this principle into wordpress ? By editing a theme and addinf this CSS layout grid to a gallery ? :D thankssss !!!!

  • @tohellandbeyond6835
    @tohellandbeyond6835 5 років тому

    Hmmm, the grid/cell cuts off the pictures when minimizing the window, is this normal? How can I fix that?

  • @agboorohussein4726
    @agboorohussein4726 5 років тому

    SIZE OF THE IMAGE AND THE GRID SIZES, HOW DID YOU GO ABOUT IT? COS THINGS LIKE THAT AREN"T SO STRAIGHTFORWARD PLS
    .

  • @denisuardi3979
    @denisuardi3979 6 років тому

    Thank's ..
    Its help me alot

  • @igorpedroso5281
    @igorpedroso5281 6 років тому

    Hey, man. Nice lesson. Thanks!

  • @haccuk
    @haccuk 6 років тому +10

    Good video thank you,, but could do without the background music!

    • @HoshCoding
      @HoshCoding  6 років тому +1

      Welcome, yes it's annoying I discover that later :(

    • @gloops4113
      @gloops4113 4 роки тому

      You wouldnt understand what it is like being hackerman. y

  • @franktielemans6624
    @franktielemans6624 6 років тому

    It's even easier with grid-auto-flow: dense in the grid container.
    All gaps will be filled automatically by rearranging grid items to make it dense.

    • @HoshCoding
      @HoshCoding  6 років тому

      Frank TIelemans thanks for your infos it's very helpful

    • @franktielemans6624
      @franktielemans6624 6 років тому +1

      no thanks! I've learned it from Wes Bos, he has made fantastic tutorials on youtube about CSS Grid.
      ua-cam.com/play/PLu8EoSxDXHP5CIFvt9-ze3IngcdAc2xKG.html
      If you need the video's with captions and the starter files: cssgrid.io/
      You'll need a subscription though, but believe me it's 100% FREE, the guy is sponsored by Firefox.
      Enjoy the courses!

  • @billsugden
    @billsugden 6 років тому

    thanks for this video ;)

  • @narekgabrielyan3051
    @narekgabrielyan3051 4 роки тому +1

    thank you habibi everything was great except mario soundtrack

  • @aqmedia8000
    @aqmedia8000 5 років тому

    Why does it take so long for the images to load?

    • @aqmedia8000
      @aqmedia8000 5 років тому

      The more images i add the slower it gets. Why does this happen?

  • @AnthonyFinix
    @AnthonyFinix 6 років тому +3

    am at 5:57 and i cannot bear the bgsound.. it so annoying

    • @HoshCoding
      @HoshCoding  6 років тому

      sorry about that, in that moment I'm talking about *vh* which is unit just like *px* but it means viewport height that mean 100vh = your curent screen height

  • @ek1311
    @ek1311 6 років тому +1

    1 000 000$ MAN!

  • @DarshVader29
    @DarshVader29 4 роки тому

    Seriously why do people put in background music in tutorial videos! Get rid of the music!

  • @Jthorius
    @Jthorius 5 років тому

    WTF is going on with the "music"!!?

  • @PaulDoesIt
    @PaulDoesIt 5 років тому

    Jesus Christ that song is so distracting