The Atlantic Website

Description

A responsive replica of the Atlantic homepage.

Tech Used

  • HTML
  • CSS

Lessons Learned

  • The box model
  • CSS floats - the clearfix hack is a lifesaver 😭
  • Use of CSS media queries to create a responsive navigation bar

Notes

Although the use of floats for layouts is outdated and less efficient than modern alternatives like flexbox and grid, I believe that it's still important to learn, in case you encounter situations where you need to work with legacy CSS or support older versions of IE.