Exercise: Design Change(s) through "Inspect"

This exercise is to showcase my design thinking / process and coding skills. These are before-and-after screenshots of an existing site.

After reviewing the layout, I made all HTML and CSS revisions solely through the "Inspect" function of Chrome to show the importance of understanding how code can effect the final design.

I've added points (left) to the visual elements that were later affected through code changes, and the reasoning / benefits behind those changes.