Using CSS Grid

Learn the skills required to design and create web pages

<!doctype html>
<html>
    <head>
        <style>
            div {
                padding: 1em;
                color: white;
            }
            #header {
                background: midnightblue;
            }
            #sidebar {
                background: turquoise;
            }
            #content {
                background: mediumvioletred;
            }
            #links {
                background: tomato;
            }
            #copyright {
                background: dodgerblue;
            }
        </style>
    </head>
    <body>
        <div id="parent">
            <div id="header">header</div>
            <div id="sidebar">sidebar</div>
            <div id="content">content</div>
            <div id="links">links</div>
            <div id="copyright">copyright</div>
        </div>
    </body>
</html>

Need help? Have questions? Join the Vonage Developer Community Slack and use the channel #onehack.