Dankeeeeeeeee ! , ich habe gemacht wie du sagst .
Aber eine Sache ich nicht verstehe....wenn das Probleme in main-Element ist , warum die losung in footer-Element legt ?
grid-template:
"header header header" auto
"nav nav nav" auto
"main main gap1" 1em
"main main werb" 10em
"main main gap2" 3em
"main main info" 1fr
"footer footer footer" auto / 8% 74% 18%;
dann, auf meine class werbung , mit margin-left: ...;
kann der Größer verendert…
.werbung {
grid-area: werb;
background-color: red;
margin-left: 60px;
}