Quick fyi that your website is “zoomed in” on mobile safari and a little difficult to use
(Apologies if it’s just my device)
I’ll take a closer look on my desktop later today, I love seeing new programming languages. Sounds interesting!
(Apologies if it’s just my device)
I’ll take a closer look on my desktop later today, I love seeing new programming languages. Sounds interesting!
You've assigned `grid-area: main` to the content but the parent grid doesn’t define "main" in its grid-template-areas; the browser creates an implicit grid row/column to satisfy the placement, and this ends up being below the defined areas. Thus requiring 1 page blank space to scroll down.
You can investigate the `<div class="main-content">` in Dev Tools by toggling the 'grid-area' CSS attribute off; that fixes the display.
<meta name="viewport" content="width=device-width, initial-scale=1.0">