Comments on: How to create a horizontally scrolling section with 2 rows using CSS grid

By: Dhaval

Dhaval — Mon, 24 Apr 2023 10:04:12 +0000

With 2 rows there is extra space after content end on right side. How could this is issue fix?

Mervyn Booth — Fri, 27 Aug 2021 07:19:11 +0000

In reply to ram. Hi, it will only overflow if the grid element's children are too wide to fit side-by-side in the element's width.

ram — Fri, 27 Aug 2021 05:19:04 +0000

Hi, i tried with this syntax. but scroll doesn't work for me. instead it uses grid and align accordingly kindly help me. //html html removed //css

.grid-container{
    display: grid;
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
    overflow-x: scroll;
}