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
ἔρως
ἔρως4w ago
have you tried to use aspect-ratio: 16/9? you can also force it by using 16fr for the column and 9fr for the row
roycube.
roycube.OP4w ago
Can u give me an example of the grid layout definition in the css
ἔρως
ἔρως4w ago
display: grid; grip-template-cols: 16fr 16fr 16fr; grid-auto-rows: 9fr; something like that
roycube.
roycube.OP4w ago
Will try
Want results from more Discord servers?
Add your server