Testing background color

On screen size < 768px, both the left sidenav and main content are full width. On screen size >= 768px, their background colors are bummper to bumper.

When you toggle the z-index, the left sidenav will appear above the main content with a red dotted border to indicate the change.

Pretty much just something funky I've ran into when trying to make something look full width with background colors.

  • body background color: #F8F7F7
  • left sidenav background color: #f2f0f0
  • right main content background color: #fff