Как почитить блок у которого полетели стили?

Question

[Serejka]

Я верстал макет, писал код без ошибок, все было красиво.
В блоке портфолио я добавил фотографию и у меня полетели стили которые секунд 5 назад работали(самое странное что именно в данном блоке, а не на всей странице). В панеле разработчика ошибок нету.
Вы можете сами всё посмотреть, но кода много)
https://codepen.io/dusiv_2004/pen/rNvzQGJ?editors=1100

Comments

[Nikolay Matyushkin]

А как должно быть то вообще?
Единственное я вижу, что у классов logo и nav-list ненужные margin-(left/right) присутствуют

[Ankhena]

Обычно в таких ситуациях помогает валидатор.
Или внимательно посмотреть на подсветку кода в своем редакторе.

[Serejka]

Nikolay Matyushkin, неважно что у меня с верху, важно что снизу. Пороскрольте а самый конец.

[Serejka]

Ankhena, я все проверял. С кодом все нормально.

[Ankhena]

War4, даже в вашей песочнице невооруженным глазом видно, что это не так.

А так, обычные ошибки от невнимательности. Сравните названия классов в html и в css. И научитесь пользоваться инструментами разработчика, они хорошо помогают.

Answer 1

[Marshall_s]

Проверьте наименование классов в html и в css. Например у секции портфолио нет цветного фона, из-за опечатки:

в HTML у вас:
class="porfolio"

а в CSS

.portfolio{
	background:#ffdd99;
}

Пропущена буква t