div
{border-style:solid;
border-width:2px}
/* end dark mode styling */

.container {
  display: grid;
  grid-template:
    "header header" /* row 1 */
    "nav main"
      /* row 2 */
    "footer footer" /* row 3 */
	/ 1fr 2fr;  /* column widths (1fr = one fraction) */
  grid-gap: 10px;   /* (optional) space between areas */
}

header { grid-area: header; }
aside { grid-area: sidebar; }
main { grid-area: main; }
footer { grid-area: footer; }