This page is a work in progress.You can help improve it. →

CSS Layout test

CSS Warm up!

Recreate the layout for this page:


  • Only worry about the boxes and their positioning, do not worry about the rotating the text, at first
  • pay attention to how it (doesn't) change when the browser is smaller


  • Rotate the text


  • Do this using CSS Grids
  • Make this in a react-app, and use <Link/> to make the boxes hyperlinks
© 2017 - 2021; Built with ♥ in St. Petersburg, Florida.