css grid layout auto adjust column and rows

I am creating a grid with a dynamic content. I want to adjust the column … Read more css grid layout auto adjust column and rows

I am creating a grid with a dynamic content. I want to adjust the column like. if the column height is less then put two, three column in one column. If the column height is more then put one column.

enter image description here

I want column3 go under coulmn2 and column4 go to column3 position and so everything adjust according to the content

{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
}

Source: CSS – Stack Overflow



Leave a Reply

Your email address will not be published. Required fields are marked *