В этом примере размещение шрифта в классе .header делает текст h1 больше, чем в .header > h1. Почему они не производят одинаковые размеры? h1 — единственное, что есть в классе заголовка.
.header {
grid-area: header;
background-color: purple;
text-align: center;
color: #fffff5;
font-size: 40px;
}
/*.header > h1 {
font-size: 40px;
}*/
Chania
Подробнее здесь: https://stackoverflow.com/questions/798 ... ment-in-cl
Мобильная версия