Почему теги, содержащие «:: после» на прокрутках кода CSS поверх моей фиксированной позиции «Navbar? [закрыто] ⇐ Html

[Anonymous]

Кодовый вывод
Я создаю этот веб-сайт, но когда я добавляю :: After в мои элементы H-2, и строка под текстовыми прокрутками под фиксированным Navbar, но Sprolls выше. Я использую ReactJS. Не могли бы вы помочь? < /P>
Спасибо! < /P>
css < /p>

Код: Выделить всё

h2 {
position: relative;
font-weight: 400;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 1.5em;
width: fit-content;
}

h2::after {
content: "";
width: 100%;
height: .2rem;

.navbar {
width: 100%;
padding-top: 15px;
margin: auto;
grid-template-columns: auto auto auto;
gap: 10px;
align-items: center;
display: grid;
background-color: rgb(255, 255, 255);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}

Я попытался добавить z-index: 999; на Navbar и z-Index: -1; в тегах , но это не помогло.

Подробнее здесь: https://stackoverflow.com/questions/797 ... -fixed-pos