лучше бы уже начинал)

ну так что, кто скажет почему так?
знатоки великих книг и МДН?
мне человеку учивешемуся по тренажерам.
А я могу объяснить, если никто не знает.

документацию сходу на инглише читаю

давай)

+

Ля, потому что так надо

как и книгами 😉
а тренажеры вовремя обновляют, там есть гриды, отличная глава кстати.

ну все работает как нужно. Стили применяются к <ul>, который идет за <p>

нет. так не надо, это ошибка и поломка. селектор явно ведет на соседний с абзацем список но такого в нашей разметке нет, на уровне со свписком вообще нет ни одного абзаца, однако этот стиль на него работает.

БИНГО!"

а почему так получилось?

не знаю даже что написать, а то уже сильную пропаганду рассказываешь про тренажеры, в какой-то степени замотивировал

Я на уровне инстинктов не доверяю всяким тренажёрам и курсам

плюсую

такое чувство что косяк в кодпене какой-то. Но я больше верю тому, что в девтулзах, чем тому что написано в кодпене)

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

Примерился потому что нет больше ничего кроме списка?

хм... возьму на заметку)
главное не демотивироваться, а то карьера школьника поедет на Польшу )

ты верно мыслишь.
НО знате егде косяк?
НЕ в пене. косяк в штмл.
Браузер ожидает  внутри абзаца элементы с фразовой контентной моделью, а у списка совсем другая модель и вкладывать в абзац его НЕЛЬЗЯ. Поэтому браузер закрывает тэг абзаца в доме, отрисовывает список и снова открывает абзац.
а когда формируется ЦССОМ он смотрит в дом и применяют стили к тому что есть - списку который идет сразу после абзаца.
Поэтому нельзя использовать старые источники, спецификация штмл поменялась пока вы читали эту книгу.