display: contents
@font-face {
font-family: "OpenSans";
src: url("fonts/opensans.woff2") format("woff2"),
url("fonts/opensans.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url("fonts/opensansbold.woff2") format("woff2"),
url("fonts/opensansbold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
justify-content
это свойство контейнера, а не элемента. grid-column
. Либо занять всю строку и justify-self
. При ширине в 1fr первый вариант, конечно, удобнее.