Untitled

<body>
    <div class="wrapper">
        <header>
            <h3>Hamberfim</h3>
            <div>
                <ul>
                    <li class="button"><a href="#">Home</a></li>
                    <li class="button"><a href="#">About</a></li>
                    <li class="button"><a href="#">Blog</a></li>
                    <li class="button"><a href="#">Contact</a></li>
                </ul>
            </div>
        </header>
        <div class="hero">
            <span><h1>&nbsp;Styling</h1><h2>with CSS Grid</h2></span>
        </div>
        <section class="twin">
            <div class="buckets">
                <span class="podSpan"><h5>Title</h5><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, corporis quae fugiat voluptatibus, quod minus.</div></span>

                <span class="podSpan"><h5>Title</h5><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, nisi. Iure nisi deleniti impedit, fugit.</div></span>

                <span class="podSpan"><h5>Title</h5><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae incidunt ratione rerum. Possimus, dolore, nam.</div></span>
            </div>
            <aside class="podSpan">
                <span><h5>Title</h5><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum ipsa repellat provident quae autem exercitationem rerum itaque accusantium perspiciatis, pariatur nam, molestias, consequuntur est explicabo placeat amet ipsam vitae suscipit quibusdam iusto! Beatae, aliquid, laborum! Lorem ipsum dolor sit amet, consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis consequatur, autem ad. </div></span>
            </aside>
        </section>
        <footer>
            <div class="toeGrid">
                <div class="toe shrink"><a href="#">link</a></div>
                <div class="toe shrink"><a href="#">link</a></div>
                <div class="toe shrink"><a href="#">link</a></div>
                <div class="toe shrink"><a href="#">link</a></div>
                <div class="toe shrink"><a href="#">link</a></div>
            </div>
        </footer>
    </div>