CSS 23 💻 row-gap, column-gap and gap properties

    row-gap specifies the space between each row in a grid
    column-gap specifies the space between each column in a grid
    gap specifies the space between columns and rows in a grid
    gap it is a shorthand for row-gap and column gap
    gap also applies to flex containers
    values → length, percentage and calc() values
    row-gap: 20px;  → this applies 20px gap between each row
    column-gap: 10px; → This applies 10px gap between each column
    gap: 20px 10px;  → instead of the previous examples