How to get a grid inside a flex wrapper to always have the same height as one of its rows
I'm making a personal site and on my about page I have two grids with the same styling, same amount of items (images) which also all have the same height, I want my grids to have their height be the same height as one row of images (so the same height as an image) keep in mind this grid is on a flex container and my site is also mobile friendly so height of the images changes with the window size
You can see it here on CodePen: https://codepen.io/CloudyInside/pen/empJpGo
You can see it here on CodePen: https://codepen.io/CloudyInside/pen/empJpGo
CodePenClaudia S. M.
Need help trying to get a grid to consistently have the height of one row, all rows are the same height....
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
