Responsive Image Gallery with HTML & CSS (Flexbox)

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

Комментарии • 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.

  • @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!

  • @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!

  • @cuteandfunnypets6527
    @cuteandfunnypets6527 2 года назад +1

    Great responsive tutorial

  • @jorgenjonsson80
    @jorgenjonsson80 Год назад

    Fantastic explaining!

  • @karansethi3533
    @karansethi3533 2 года назад +1

    Brilliantly Explained

  • @aishwaryac7041
    @aishwaryac7041 Год назад

    What about backend where do u store all images

  • @sujeethmemane
    @sujeethmemane 2 года назад

    which browzer is this?

  • @SakthiVel-mn1tz
    @SakthiVel-mn1tz 3 года назад

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

  • @antonyyg
    @antonyyg 2 года назад +1

    Very useful video. Thank you!

  • @barryryan5187
    @barryryan5187 2 года назад +1

    this was very helpful, 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

  • @Spooky289
    @Spooky289 2 года назад +1

    thank you man, you saved me

  • @nsvol1
    @nsvol1 2 года назад +1

    elinize sağlık hocam

  • @shadowrebels1623
    @shadowrebels1623 Год назад

    👍 thank you

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

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

  • @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.

  • @ismails-world-of-learning
    @ismails-world-of-learning 2 года назад

    Thanks Man! It's Awesome!

  • @dtech4321
    @dtech4321 Год назад

    How to get css code

  • @philipelizaga3813
    @philipelizaga3813 2 года назад

    thank you good sir!

  • @TheKevindu27
    @TheKevindu27 2 года назад +1

    (Thanks you) Merci 🙂👍

  • @sankaripillai337
    @sankaripillai337 3 года назад +1

    Thank you sooo much. It really helped me

  • @karllucaspindler5665
    @karllucaspindler5665 Год назад

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

  • @Bjc9996
    @Bjc9996 2 года назад

    nice ty