The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Flexbox – Responsive Images
This is the website I’m working on: http://kzniber.dectim.ca/lookshop/index.html
website on 1920px: http://imgur.com/UDzuXaz
website on mobile-device: http://imgur.com/986NkdN
I’d like images to be like this:
http://imgur.com/a/vbRFt
I can’t use css proprety float, I’m only able to use flex propreties
My Code: http://codepen.io/karimzniber/pen/grjvBe
Thank you! :)
I never seen using picture as a section before; you named them all except this one; I have not used flexbox, so I’m unsure if this is important.
Have you ever tried validating your site?
I just checked the first link and it came up with:
https://validator.w3.org/nu/?doc=http%3A%2F%2Fkzniber.dectim.ca%2Flookshop%2Findex.html
Links to a site are a pain to debug for layout issues, especially when they are design related.
We much prefer a minimal demo in Codepen, you can use dummy images from placekitten or fillmurray instead of linking your own.
Help us help you.