Header

CSS Grids and columns

Main content

Testing CSS Grids and columns

Instructions

Thanks for helping to test CSS grids and columns on your devices.

Please try opening this page in all supported browser - OS combinations, and see if they work well.

  1. The main content area should appear right below the header in mobile view, followed by sidebar content and then by footer.
  2. The sidebar and content area both have maximum widths set, and should not keep widening on larger resolutions.

Masonry using CSS columns

Refreshing the page generates a random number of blocks below with random heights.