grids.html

<!DOCTYPE html>
<html>
    <head>
        <title> Grids Practice</title>
    </head>
    <body>
        <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 10px; row-gap: 10px;">
            <div style="background-color: lightpink; height: 100px;">
                1fr
            </div>
            <div style="background-color: lightblue;">
                1 fr
            </div>
            <div style="background-color: lightpink;">
                1 fr
            </div>
            <div style="background-color: lightblue; height: 100px;">
                1 fr
            </div>
            <div style="background-color: lightpink;">
                1 fr
            </div>
            <div style="background-color: lightblue; height: 100px;">
                1 fr
            </div>
        </div>
    </body>
</html>