Using Flexbox to arrange images

[FarbinJones]

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.

[Beverleyh]

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.

[FarbinJones]

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

[Author]

Posts