how to stop fixed position removing flow
.main-header{
grid-column: 1/2;
grid-row: 1/3;
/* Here i want this to be fixed (scrolling should not have any effect)*/
position: fixed;
top: 0;
height: 80px;
}
.main-content {
padding-top: 100px;
width: 100%;
float: left;
}