Промежуточное испытание.Одна маленькая деталь.

Добрый день.

В процессе выполнения промежуточного испытания застряла на верстке блока №2.
Не получается добиться совпадения в описании продукта.
Подскажите, пожалуйста, где же ошибка?

Код

Результат проверки

Заранее спасибо.

самая распространенная ошибка в этом блоке потому что так никто уже не верстает блджад

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

        <h3>Вахтёр</h3>
        <table>
            <tr>
                <td>Алк.</td>
                <td>&lt; 1%</td>
            </tr>
            <tr>
                <td>Ккал:</td>
                <td>35</td>
            </tr>
        </table>

второй продукт также сделайте

2 лайка

сетки (тобишь, расстановку блоков) таблицами не делают, а вот для верстки табличных данных использовать таблицу абсолютно нормально

ну такое, очень спорный момент для элемента 2 * 2
я не говорю что таблицы – зло. я говорю, что тут смысла в этом нет.

Спасибо.

Обычно даже табличные данные верстают дивами, если там хоть какой-нибудь намек на изощренный дизайн или необычное взаимодействие с пользователем. Не очень хорошо с точки зрении семантики, но это жизнь, приходится искать простые, быстрые решения и компромиссы.

Например, таблица, которая на desktop все еще выглядит как рядовая таблица, а вот уже на планшетах\смартфонах перестраивается в некий развеселый слайдер с одной статичной колонкой и остальными колонками-слайдами.

1 лайк