Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Исправление ошибок в БЭМ #2

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

AnastasiaFilippovich
Copy link
Contributor

No description provided.

@@ -1,7 +1,7 @@
# Личный проект «Кэт энерджи»

* Студент: [Анастасия Филиппович](https://up.htmlacademy.ru/adaptive-individual/2/user/605225).
* Наставник: `Неизвестно`.
* Наставник: [Виктория Никитина](https://htmlacademy.ru/profile/id1217273).
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Остаповец Сергей

<span class="visually-hidden">Открыть меню</span>
</button>
<ul class="main-navigation__list">
<li class="main-navigation__list list-item">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

бэм блок list-item выглядит лишним

list-item__link -> main-navigation__link будет достаточно

<section class="hero">
<h2 class="hero__title">Функциональное питание для котов</h2>
<p class="hero__advertisement">Занялся собой? Займись котом!</p>
<img class="hero__product-image" src="#" width="280" height="270" alt="Продукт Cat energy">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

контентные изображения - помещай в обертку(див) для стилизации пикч

<img class="hero__product-image" src="#" width="280" height="270" alt="Продукт Cat energy">
<a class="hero__link" href="#">Подобрать программу</a>
</section>
<div class="block">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

из названия класса не понятно что оно означает

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

также в этой секции 2 элемента, у тебя они разделены буд-то они разные по смыслу

<section class="advantages">
<h2 class="advantages__title">Как это работает</h2>
<ul class="advantages__list">
<li class="advantages__list list-item">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

тоже блок list-item ? точно ли будут стили одинаковые или для чего блок?

выглядит также лишним

</li>
</ul>
<p class="result-example__cost">Затраты на питание: 15 000 руб.</p>
<img class="result-example__image" src="#" width="280" height="256" alt="Кот: до и после">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

тут явно не хватает разметки

нужно и блок расположить и 2х котов отобразить, и разделитель и тд

<p class="adress-container__offer">Приглашаем к сотрудничеству дилеров!</p>
<p class="adress-container__place">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
</div>
<img class="map-image" src="#" width="320" height="362" alt="Карта с обозначением расположения магазина">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

картинка карты сама по себе почему-то

ожидается что будет блок, в котором будет контактная информация и карта

</div>
<img class="map-image" src="#" width="320" height="362" alt="Карта с обозначением расположения магазина">
<footer class="footer">
<svg class="footer__text-logo" width="128" height="24"></svg>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

обертка

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants