Responsive Image Gallery with HTML & CSS (Flexbox)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 30

  • @williamholmes2420
    @williamholmes2420 2 ปีที่แล้ว +5

    Lots of fancy GOOD flexbox videos out there but this one got to the basics of it with just a single div container.

  • @alensheva1
    @alensheva1 3 ปีที่แล้ว +2

    Huge hug, man! You saved me! I am so many hours tried to build gallery with a procent correlation and nothing ..Wow. Thank you so mach!

  • @qtalesart5571
    @qtalesart5571 3 ปีที่แล้ว +7

    Brilliant! Clearly explained and well spoken. It was also the first time that I have seen the Firefox dev tools in action. I can't wait to try it out myself. Thanks.

  • @batchrocketproject4720
    @batchrocketproject4720 2 ปีที่แล้ว +9

    Nice use of inspector and css panel. It would be helpful if you shared how you then get the css from the browser tools to your style sheet (I use copy and paste, there may be a better way). Similarly, the image of the Mercedes building had extra styling applying to just it, but no class was assigned to it - the dev tools can tell you which child it was so img.nth-child(2) could be used as a selector in the style sheet. Again you might have a better method to share.
    Thanks for your efforts, you videos are among the best I've seen.

  • @marylessing5276
    @marylessing5276 2 ปีที่แล้ว

    I watched this 3x. Thanks for your help for all the noobs out here!

  • @erichepperlewp
    @erichepperlewp 2 ปีที่แล้ว +2

    2:30 - Object fit / position for image

  • @aliata9154
    @aliata9154 2 ปีที่แล้ว +1

    Vaay css tutorial videolarında ilk defa bir türk'e rastladım. Selamlar abi faydalı bir video!

  • @cuteandfunnypets6527
    @cuteandfunnypets6527 2 ปีที่แล้ว +1

    Great responsive tutorial

  • @karansethi3533
    @karansethi3533 2 ปีที่แล้ว +1

    Brilliantly Explained

  • @jorgenjonsson80
    @jorgenjonsson80 ปีที่แล้ว

    Fantastic explaining!

  • @mj2068
    @mj2068 3 หลายเดือนก่อน

    @1:38 why at this point, the second image is not width: 300px, height: 200px.

  • @antonyyg
    @antonyyg 2 ปีที่แล้ว +1

    Very useful video. Thank you!

  • @SakthiVel-mn1tz
    @SakthiVel-mn1tz 3 ปีที่แล้ว

    thanks for this video
    and i have easily understand to your video
    thansk a lot sir

  • @barryryan5187
    @barryryan5187 2 ปีที่แล้ว +1

    this was very helpful, thank you

  • @nsvol1
    @nsvol1 2 ปีที่แล้ว +1

    elinize sağlık hocam

  • @Spooky289
    @Spooky289 2 ปีที่แล้ว +1

    thank you man, you saved me

  • @aishwaryac7041
    @aishwaryac7041 ปีที่แล้ว

    What about backend where do u store all images

  • @shadowrebels1623
    @shadowrebels1623 ปีที่แล้ว

    👍 thank you

  • @royandescartes
    @royandescartes ปีที่แล้ว

    my images ae not centered. its like they need some padding to push them to the center of the page entirely, even though i set the container to justify center and align items center. HELP

  • @TheKevindu27
    @TheKevindu27 2 ปีที่แล้ว +1

    (Thanks you) Merci 🙂👍

  • @ismails-world-of-learning
    @ismails-world-of-learning 2 ปีที่แล้ว

    Thanks Man! It's Awesome!

  • @sujeethmemane
    @sujeethmemane 2 ปีที่แล้ว

    which browzer is this?

  • @sankaripillai337
    @sankaripillai337 3 ปีที่แล้ว +1

    Thank you sooo much. It really helped me

  • @Bjc9996
    @Bjc9996 2 ปีที่แล้ว

    nice ty

  • @pilipanzarasa
    @pilipanzarasa 2 ปีที่แล้ว

    This might seem like a begginer question but: How do i save what i just made?

    • @harishraghavendher
      @harishraghavendher 2 ปีที่แล้ว +2

      He is using this in developer tools.
      Whatever you do in dev tools when you refresh it will go.
      Inorder to save a working copy use software like Vscode.

  • @philipelizaga3813
    @philipelizaga3813 2 ปีที่แล้ว

    thank you good sir!

  • @karllucaspindler5665
    @karllucaspindler5665 ปีที่แล้ว

    what is the next step to cli¡king and having the image pop up?

  • @dtech4321
    @dtech4321 ปีที่แล้ว

    How to get css code