Note: This document 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