In part one of this series, I outlined my recent motivations for leveling up my HTML/CSS layout skills as I prepare for a site redesign. This post highlights layouts 4 through 7 and contains screenshots and brief process overviews.

Last Saturday (June 23, 2018) I decided to start actively practicing my UI/layout skills. I’ve been working on a site redesign as I migrate to Gatsby and I wanted to use this period to level up my CSS skills before deciding on a new look. I’ve used CSS Grid and Flexbox here and there over the last year, but I wanted to become more fluent. As this coincided with a desire to redesign my site, I figured it was a good time to dive in.