Wireframing is a helpful method for thinking through both how the page you're building looks and how it could function. Mockingbird is a great drag-and-drop site for building a printable wireframe.
Here, however, I am simply practicing my HTML and CSS skills while trying to recreate this image:
My Biggest Challenge was to sort out relative and absolute positioning.
I wish I had known then how to use flexbox.