0

I'm trying to wrap a row of 4 elements on to 2 rows, see screenshot, but I want them to also be responsive when the screen is pinched or the resolution is different, I can't figure it out. see code.

.cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 25px;
}

.cat {
    width: 49%;
    position: relative;
}
LeeDemain
  • 1
  • Can you put the screenshot on and the html too please? Ta. – Adam Nov 08 '22 at 14:55
  • "*I want them to also be responsive when...*" - in what way, at what screen-sizes or resolutions, should the layout shift? – David Thomas Nov 08 '22 at 14:57
  • It looks like I've sorted it, I used this example https://stackoverflow.com/questions/56159909/how-can-i-place-these-images-into-2-rows-of-4-pictures-each-using-flexbox – LeeDemain Nov 08 '22 at 14:58

0 Answers0