Grid with minimum aspect ratio
I have a grid that shows images. I want to have 3 cola but also want the grid to maintain 16- 9 aspect ratio always without overlapping if there is no way to keep aspect ratio the grid should creat another row
4 Replies
have you tried to use
aspect-ratio: 16/9?
you can also force it by using 16fr for the column and 9fr for the rowCan u give me an example of the grid layout definition in the css
display: grid;
grip-template-cols: 16fr 16fr 16fr;
grid-auto-rows: 9fr;
something like that
Will try