gap, column-gap, row-gap

gap with display: flex;

item 1
item 2
item 3

gap with display: grid;

item 1
item 2
item 3
item 4
item 5
item 6

column-gap with display: flex;

item 1
item 2
item 3

column-gap with display: grid;

item 1
item 2
item 3
item 4
item 5
item 6

row-gap with display: flex;

item 1
item 2
item 3

row-gap with display: grid;

item 1
item 2
item 3
item 4
item 5
item 6

gap with column-count;

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid perferendis nemo blanditiis eum sapiente, repellendus sunt? Hic veniam vel velit dolore distinctio repudiandae eum! Eum exercitationem quisquam optio, fugit ea voluptas cumque porro id. Quis perferendis doloribus fugiat recusandae tempore modi molestiae, ea velit itaque nobis enim totam sint, ab non quaerat molestias voluptate voluptas. Amet quibusdam minus ad iste provident inventore doloribus, ea officia eos repellat corrupti, tempora quas corporis modi nisi, repellendus eius voluptate est magnam vel fugit vitae.