[31/32] Почему не предложен такой способ решения задачи

Ребята, возник вопрос по 31 заданию курса “Сетки”:

Почему просто нельзя каждый div обернуть в комментарий:

<div class="catalog">
<div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div><!--
--><div class="item">Товар</div>
</div>

Таким образом блоки отображаются корректно.
Вместо этого в задании предлагается 2 варианта: либо играть со шрифтом, либо же менять margin.
Возможно вопрос глупый, но заранее спасибо!

Вы, наверное, хотели сказать про оборачивание ПРОБЕЛОВ между дивами в комментарии, а не самих дивов - иначе они же отображаться не будут! Думаю, потому, что, во-первых, это долго - если товаров будет гораздо больше. Во-вторых, можно запутаться, где-то пропустить дефис или ещё какой-то элемент комментария - потом сложно будет искать ошибку. А в третьих, всё же комментарии для других целей, а не убирания пробелов. Не гибко это.

1 лайк

Да, я не совсем корректно сформулировал вопрос. Спасибо за ответ!

решение этой задачи - очень простое.

.catalog { … letter-spacing: -10px; }
.item { … letter-spacing: normal; }

10px - та ширина, которая будет перекрывать ширину пробельного символа, при чём если шире - не страшно