У меня появились некоторые трудности при прохождении этого испытания.
Кваст <header>
<img src="img/logo.png">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<p>Крафтовый квас<br> всему голова!</p>
</header>
<section>
<h2>Новинки</h2>
<h3>Вахтёр</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал</td>
<td>35</td>
</tr>
</table>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>150 Р.</b>
<h3>Романтик</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 0,5%</td>
</tr>
<td>Ккал</td>
<td>27</td>
</table>
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>90 Р.</b>
</section>
<div>
<ul>
<li><h2>Варим сами</h2></li>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
<li><h2>Своё, родное</h2></li>
<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
<li><h2>Не экономим</h2></li>
<p>Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>
</ul>
</div>
<!-- 4-ый блок. Тут проблема с лишним подчеркиванием у обоих ссылок. Из-за этого подчеркивания, задание выполнено лишь на 98,5% -->
<div>
<h2>Немного истории</h2>
<dl>
<dt>
Происхождение кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>
</dt>
<dd>
<img src="img/wiki-1.png">
<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
</dd>
<dt>
Классификация кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>
</dt>
<dd>
<img src="img/wiki-2.png">
<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
</dd>
</dl>
</div>
<div>
<dl>
<dt>
<h2>Пресса о нас</h2>
</dt>
<dd>
<p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили<br>целую бочку своего напитка!</p>
<i>Газета столичный Стольник</i> <a href="#">Читать далее</a>
</dd>
</dl>
</div>
<div>
<h2>Ассортимент</h2>
<table class="table-range">
<tr>
<th>Название</th>
<th>Алк.</th>
<th>Ккал</th>
<th>Объём</th>
<th>Стоимость</th>
</tr>
<tr>
<td>Классика</td>
<td>< 1,2%</td>
<td>33</td>
<td>330 мл</td>
<td>120 Р.</td>
</tr>
<tr>
<td>Шабаш</td>
<td>> 1,2%</td>
<td>45</td>
<td>330 мл</td>
<td>250 Р.</td>
</tr>
<tr>
<td>Вахтёр<sup> Новинка</sup></td>
<td>< 1%</td>
<td>35</td>
<td>0,5 л</td>
<td>150 Р.</td>
</tr>
<tr>
<td>Романтик<sup> Новинка</sup></td>
<td>< 0,5%</td>
<td>27</td>
<td>0,5 л</td>
<td>90 Р.</td>
</tr>
</table>
</div>
<div>
<h2>Заказать</h2>
<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
<label>
Представьтесь:
<input type="text">
</label><br>
<label>
Номер телефона:
<input type="text">
</label><br>
<label>
Доп. номер:
<input type="text">
</label><br>
<label>
Email:
<input type="text">
</label><br>
Объём заказа:<br>
<select>
<option>От 5 до 10 баррелей в неделю</option>
</select><br>
<label>
Доп. комментарий:
<textarea></textarea><br>
</label>
<label>
<input type="checkbox" checked>
Я согласен получать квасную рассылку
</label><br>
<button>Отправить заказ</button>
</div>
<footer>
<img src="img/logo.png">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<a href="#">Инстаграм</a>
<a href="#">Фейсбук</a>
<a href="#">Вконтакте</a>
<p>При перепечатке материалов ссылка на сайт обязательна!</p>
<span>
<img src="img/htmlacademy.png">
<h3>Разработчик:</h3>
<a>HTML Academy</a>
</span>
</footer>
Всего этих трудностей 3. Я выложил весь свой код, но для решения понадобиться углубиться только в некоторые части кода.
- В 4-ом блоке, у меня лишнее подчеркивание у ссылки слева. Из-за этого задание не выполняется на 100%. Не могу понять на данный момент, в чем проблема.
- В 6-ом блоке таблица не сходится с моей. Менял жирность текста, не помогло.
- В 8-ом блоке. Логотип, заголовок и ссылку нужно расположить в ряд. Но т.к. они блочные элементы, они все начинаются с новой строки. Я применял CSS стили, у меня на странице в браузере это помогло. Но задание не принимается. Хочу выполнить все блоки на 100%, чтобы быть уверенным в себе, что для усвоения материала сделал всё что мог. Прошу помощи. Заранее благодарю тех, кто откликнется : )