Как сделать так, чтобы заголовок охватывал всю ширину страницы при использовании CSS-сетки? - PullRequest
Новая
       3

Как сделать так, чтобы заголовок охватывал всю ширину страницы при использовании CSS-сетки?

0 голосов
/ 26 ноября 2018

Я пытаюсь, чтобы мой заголовок охватывал всю ширину страницы (без пробелов сверху и по бокам), но у меня есть свой заголовок в сетке CSS, и поэтому у меня возникают проблемы с этим.

Я хочу, чтобы мой заголовок оставался в верхней части страницы, что является одной из причин, по которой я сохранил его в сетке.Когда я вынул его и зафиксировал положение, так как он был выведен из потока, материал внизу оказался скрыт за ним.По крайней мере, когда я держу это в сетке и использую положение: липкое;это не портит поток.

Можно ли сделать так, чтобы мой заголовок охватывал всю ширину страницы, не вынимая его из сетки? 

header{
    position: sticky;
    top: 0;

    grid-column: 1 / -1;
    grid-row: 1;

    display: grid;
    grid-template-columns: 1fr, auto;
    grid-gap: 10px;

    background-color: #000;
    color: #fff;
    padding: 20px;
}

#logo{
    grid-column: 1;
    grid-row: 1;
    width: 30%;
}

nav{
    grid-column: 2;
    grid-row: 1;
    align-self: end;
}
...