A
A
Alexey Karateev2021-09-27 13:34:53
css
Alexey Karateev, 2021-09-27 13:34:53

How to bring all cells to the same size (CSS Grid)?

Hello. I just recently started learning grid and don't understand all the ins and outs yet.
I have elements with a grid. These elements inside the cells have different content, and when the screen width changes, each cell changes the width in its own way. Here's what it looks like:
61519b7d03644422134454.png
61519bd83eedf173767455.png
I want all the cells to be under each other, like in tables, for example, and not move so randomly.
61519bff4b146338074359.png
Right now I have a grid like this:
display: grid;
grid-template-columns: minmax(154px, 169px) minmax(83px, 101px) minmax(142px, 162px) minmax(136px, 172px) minmax(118px, 138px) minmax(auto, 1fr);

Answer the question

In order to leave comments, you need to log in

1 answer(s)
P
Pavel-ww, 2021-09-27
@IVENTEYE

Remove minmaxes and set single values. And always give a link. And then you will be advised to change in Photoshop))

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question