Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Using Flexbox to arrange images

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #299060
    FarbinJones
    Participant

    Hello!

    I’m working on my first web dev portfolio and I have currently have two screenshots of websites I’ve made. I’d like them to display very simply, gallery-style, so that on a larger screen they are in a row next to each other, or on a smaller screen they stack into a column. I figured Flexbox would be the best way to do this so that I can easily add more images at a later date and they can just continue to flow together.

    I can see when I do “inspect” that the Flexbox CSS rules are in effect, and running my full code through the validator shows no errors. My suspicion is that I’m mis-understanding something about Flexbox, maybe something about how child elements interact with Flexbox parents? But I can’t figure out why the images aren’t displaying next to each other in the browser.

    #299062
    Beverleyh
    Participant

    Unfortunately, neither can we if you don’t provide your code. A reduced demo in CodePen would allow be a good place for us to start, although I suspect your images need measures to make them responsive.

    #299098
    FarbinJones
    Participant

    I’m working on my first web dev portfolio and I have currently have two screenshots of websites I’ve made. I’d like them to display very simply, gallery-style, so that on a larger screen they are in a row next to each other, or on a smaller screen they stack into a column. I figured Flexbox would be the best way to do this so that I can easily add more images at a later date and they can just continue to flow together. https://discord.software/ https://vshare.onl/

    issue got solved!!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.