Так что по какой-то причине этот sass-код не скомпилируется, я понятия не имею, почему atm. Я стал слепым, поэтому мне нужна помощь. Между концом областей и первыми частями что-то происходит.
Здесь нахаль. html, поле body: 0 padding: 0
maincontainer
display: grid
width: 100vw
height: 100vh
grid-gap: 5px
grid-template-columns: 0.5fr 1fr 1fr 0.5fr
grid-template-rows: 100px 2fr 4fr 6fr 100px
grid-template-areas: ". toplogo topnav ." ". mainlogo mainsearch ." "jumboimage jumboimage jumboimage jumboimage" ". mainnews mainscehdule ." "footer footer footer footer";
.toplogo:
grid-area: toplogo
.topnav:
grid-area: topnav
.mainlogo:
grid-area: mainlogo
.mainsearch
grid-area: mainsearch
.jumboimage
grid-area: jumboimage
background-image: url("../images/jumbo.png")
background-size: cover
.mainnews
grid-area: mainnews
.mainscehdule
grid-area: mainscehdule
.footer
grid-area: footer