The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
An HTML element becomes a grid container when its display property is set to grid or inline-grid
You can adjust the gap size by using one of the following properties:
column-gaprow-gap-
gap
Click the link below for example: