Доброе время суток!
Ребята опытные, проверьте пожалуйста, правильно ли я разметил по БЭМ
Многого не могу понять, может где-то лишние классы прописал, может где-то модификатор нужен или блок в блоке и тд
первый раз пробую написать с БЭМ, на примере макета кексби кваса
Напишите, что не правильно -что правильно, пожалуйста!
особенно с формой сложно все
вот код
КВАСТ<div class="header">
<div class="header__nav">
<a href="#" class="header__link-logo"><img src="img/logo.png" alt="logo" class="header__logo"></a>
<ul class="header__nav-list">
<li class="header__nav-list-item">
<a href="#" class="header__nav-list-link">История</a></li>
<li class="header__nav-list-item">
<a href="#" class="header__nav-list-link">Производство</a></li>
<li class="header__nav-list-item">
<a href="#" class="header__nav-list-link">Ассортимент</a></li>
<li class="header__nav-list-item">
<a href="#" class="header__nav-list-link">Где купить</a></li>
</ul>
<p class="header__title">Крафтовый квас <br>всему голова!</p>
</div>
</div>
<div class="new">
<h2 class="new__title-new">Новинки</h2>
<div class="new__price">
<div class="price-bottle">
<h3 class="price-bottle__title">Вахтёр</h3>
<table class="price-bottle__table">
<tr class="price-bottle__row">
<td class="price-bottle__cell">Алк.</td>
<td class="price-bottle__cell">< 1%</td>
</tr>
<tr class="price-bottle__row">
<td class="price-bottle__cell">Ккал</td>
<td class="price-bottle__cell">35</td>
</tr>
</table>
<p class="price-bottle__composition">Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="left-bottle" class="price-bottle__bottle-image">
<p class="price-bottle__description"> Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<button class="price-bottle__button-read">Подробнее </button>
<button class="price-bottle__button-buy">Купить</button>
<b class="price-bottle__price">150 Р.</b>
</div>
<div class="price-bottle">
<h3 class="price-bottle__title">Романтик</h3>
<table class="price-bottle__table">
<tr class="price-bottle__row">
<td class="price-bottle__cell">Алк.</td>
<td class="price-bottle__cell">< 0,5%</td>
</tr>
<tr class="price-bottle__row">
<td class="price-bottle__cell">Ккал</td>
<td class="price-bottle__cell">27</td>
</tr>
</table>
<p class="price-bottle__composition">Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="right-bottle" class="price-bottle__bottle-image">
<p class="price-bottle__description"> Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<button class="price-bottle__button-read">Подробнее </button>
<button class="price-bottle__button-buy">Купить</button>
<b class="price-bottle__price">190 Р.</b>
</div>
</div>
</div>
<div class="advantages">
<ul class="advantages__list">
<li class="advantages__item">
<h2 class="advantages__title">Варим сами</h2>
<p class="advantages__text">Вот этими самыми руками. Экспериментируем и творим, что хотим.</p></li>
<li class="advantages__item">
<h2 class="advantages__title">Своё, родное</h2>
<p class="advantages__text">Не заработка ради, а импортозамещения для. Поднимаем производство.</p></li>
<li class="advantages__item">
<h2 class="advantages__title">Не экономим</h2>
<p class="advantages__text">Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p></li>
</ul>
</div>
<div class="history">
<h2 class="history__title">Немного истории</h2>
<dl class="history__origin">
<dt class="history__subtitle">Происхождение кваса
<i class="history__origin">Источник:
<a href="ru.wikipedia.org" class="history__wiki-link">ru.wikipedia.org</a></i>
</dt>
<dd class="history__text-and-img">
<img src="img/wiki-1.png" alt="image-kvas" class="history__image">
<p class="history__text">Квас на Руси появился в X-XI веке.
Само слово «квас» тоже имеет древнерусское происхождение.
Помимо России квас готовят в Белоруссии, Сербии, Македонии,
Словакии и многих других странах, но называется он везде одинаково — квас.
</p>
</dd>
</dl>
<dl class="history__origin">
<dt class="history__subtitle">Классификация кваса
<i class="history__origin">Источник:
<a href="ru.wikipedia.org" class="history__wiki-link">ru.wikipedia.org</a></i>
</dt>
<dd class="history__text-and-img">
<img src="img/wiki-2.png" alt="image-kvas2" class="history__image">
<p class="history__text">По российскому ГОСТу для промышленного изготовления —
это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный
в результате незавершённого спиртового и молочнокислого брожения сусла.
</p>
</dd>
</dl>
</div>
<div class="pressa">
<h2 class="pressa__title">Пресса о нас</h2>
<blockquote class="pressa__quote">
<p class="pressa__text">Сегодня мы провели дегустацию чего-то действительно новенького —
крафтового кваса. Да, да, вы не ослышались!
Спасибо Арсену и Руслану за то, что предоставили
целую бочку своего напитка!</p>
<i class="pressa__magazine-name">Газета столичный Стольник</i>
<a href="#" class="pressa__reedmore">Читать далее</a>
</blockquote>
</div>
<div class="stock">
<h2 class="stock__title">Ассортимент</h2>
<table class="stock__table">
<tr class="stock__row">
<th class="stock__cell-th">Название</th>
<th class="stock__cell-th">Алк.</th>
<th class="stock__cell-th">Ккал</th>
<th class="stock__cell-th">Объём</th>
<th class="stock__cell-th">Стоимость</th>
</tr>
<tr class="stock__row">
<td class="stock__cell">Классика</td>
<td class="stock__cell">< 1,2%</td>
<td class="stock__cell">33</td>
<td class="stock__cell">330 мл</td>
<td class="stock__cell">120 Р.</td>
</tr>
<tr class="stock__row">
<td class="stock__cell">Шабаш</td>
<td class="stock__cell">> 1,2%</td>
<td class="stock__cell">45</td>
<td class="stock__cell">330 мл</td>
<td class="stock__cell">250 Р.</td>
</tr>
<tr class="stock__row">
<td class="stock__cell">Вахтёр <sup clas="stock__new">Новинка</sup></td>
<td class="stock__cell">< 1%</td>
<td class="stock__cell">35</td>
<td class="stock__cell">0,5 л</td>
<td class="stock__cell">150 Р.</td>
</tr>
<tr class="stock__row">
<td class="stock__cell">Романтик <sup clas="stock__new">Новинка</sup></td>
<td class="stock__cell">< 0,5%</td>
<td class="stock__cell">27</td>
<td class="stock__cell">0,5 л</td>
<td class="stock__cell">90 Р.</td>
</tr>
</table>
</div>
<div class="order">
<h2 class="order__title">Заказать</h2>
<p class="order__text">Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас.
При заказе от 10 баррелей — скидка 10%.</p>
<form action="#" class="form" method="post">
<div class="form__container-mame">
<label for="name" class="form__name-label">Представьтесь:</label>
<input type="text" id="name" class="form__input-name">
</div>
<div class="form__container-number">
<label for="number" class="form__number-label">Номер телефона:</label>
<input type="tel" id="number" class="form__input-number">
</div>
<div class="form__container-plus-number">
<label for="plus-number" class="form__plus-number-label">Доп. номер:</label>
<input type="tel" id="plus-number" class="form__input-plus-number">
</div>
<div class="form__container">
<label for="email" class="form__email-label">Email:</label>
<input type="email" id="email" class="form__input-email">
</div>
<div class="form__container">
<label for="size" class="form__size-label">Объём заказа:</label><br>
<select name="select-size" id="size" class="form__select-size">
<option value="1">От 5 до 10 баррелей в неделю</option>
</select>
</div>
<div class="form__container">
<label for="comment" class="form__comment-label">Доп. комментарий:</label>
<textarea name="comment" id="comment" rows="2" class="form__comment-textare"></textarea>
</div>
<div class="form__container">
<label class="form__checkbox-label">
<input type="checkbox" class="form__checkbox-input" checked>Я согласен получать квасную рассылку
</label>
</div>
<div class="form__container">
<input class="form__button" type="submit" value="Отправить заказ">
</div>
</form>
</div>
<div class="footer">
<div class="footer__nav">
<a href="index1.html" class="footer__link-logo"><img src="img/logo.png" alt="logo" class="footer__logo"></a>
<ul class="footer__nav-list">
<a href="#" class="footer__nav-list-link">
<li class="footer__nav-list-item">История</li></a>
<a href="#" class="footer__nav-list-link">
<li class="footer__nav-list-item">Производство</li></a>
<a href="#" class="footer__nav-list-link">
<li class="footer__nav-list-item">Ассортимент</li></a>
<a href="#" class="footer__nav-list-link">
<li class="footer__nav-list-item">Где купить</li></a>
</ul>
</div>
<div class="footer__contacts">
<a href="#" class="footer__inst">Инстаграм</a>
<a href="#" class="footer__fc">Фейсбук</a>
<a href="#" class="footer__vk">Вконтакте</a>
</div>
<p class="footer__text">При перепечатке материалов ссылка на сайт обязательна!</p>
<div class="footer__logo">
<a href="#" class="footer__logo-academy"><img src="img/htmlacademy.png" alt="logo-academy"></a>
<p class="footer__credits-text"><strong>Разработчик:</strong> <a href="#" class="footer__link-academy">HTML Academy</a></p>
</div>
</div>