Кексби. Промежуточное испытание

Курсы Промежуточные испытания
1

ы.png613×929 75.7 KB

Помогите, не понимаю как поставить в одну строку ссылки и цену.
И в чем причина несоответствия выше алк и калл?

2

Вы не внимательны, почему капсом таблицу написали, не знаю.
Покажите код.

3 
<div class="popular-and-price">
      <h2>Новинки</h2>
      <div class="popular-items">
        <div class="catalog-item">
          <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" alt="бутылка вахтер">
          <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
          <p><a href="#">Подробнее</a></p>
          <p><a href="#">Купить</a></p>
          <b>150 Р.</b>
          <br>
          <div class="catalog-item">
            <h3>Романтик</h3>
            <table>
              <tr>
                <td>АЛК.</td>
                <td>< 0,5%</td>
              </tr>
              <tr>
              <td>КАЛЛ:</td>
              <td>27</td>
              </tr>
            </table>
            <p>Ячменный хлеб, Вода, Солод, Апельсин</p>
            <img src="img/bottle-right.jpg" alt="бутылка романтик">
            <p>Лёгкий и освежающий напиток поможет сохранить отличное настроение в течение всего дня.</p>
            <p><a href="#">Подробнее</a></p>
            <p><a href="#">Купить</a></p>
            <b>90 Р.</b>
          </div>
        </div>
      </div>
    </div>
4

давайте разбирать:
1). алк. и ккал. - все набираем строчными, в заглавные превращать будем с помощью css (да, и проверьте по буквам, как вы написали сокращение от килокалорий);
2). чтобы ссылки шли одной строкой - это должны быть строчные элементы, а вы каждую ссылку в блочный параграф зачем-то обернули.
3). все спецсимволы в тексте (в т.ч. знаки больше/меньше) нужно задавать с помощью кода

1 лайк
5

Оберните две ссылки в один параграф. По поводу капса уже говорила.

1 лайк