Untitled

<!DOCTYPE html>
<html>
    <head>
        <style>

            .header-box {

            }
            .column {
                float: left;
                width: 33.33%;
                background-color:grey;
            }

            /* Clear floats after the columns */
            .row:after {
                content: "";
                display: table;
                clear: both;
            }
            @media (max-width: 600px) {
                .column {
                    width: 100%;
                }
            }
        </style>
    </head>
    <body>
        <div class="header-box">
            <h1>Header Text</h1>
        </div>
        <div class="row">
            <div class="column">column 1</div>
            <div class="column">column 2</div>
            <div class="column">column 3</div>
        </div>

    </body>
</html>