Комментарии 5
Если мы знаем ширину и высоту изображения, мы можем задать размеры ссылки через ширину и высоту ))
А вообще часто картинка приходит откуда-то извне, и заранее мы её размер не знаем. С другой стороны, я не вижу проблем сделать всю карточку (или контейнер с картинкой и заголовком) кликабельными.
Мне больше нравится вариант с ссылкой в качестве элемента-обёртки, но можно и ::before растянуть на весь контейнер
Я забыл ставить ссылку. Вот в этой статье написал, почему не надо ссылкой обворачивать элементы
Нам нужно отказаться от обёртки для изображения в виде ссылки с классом .top-article__img. Заменю её элементом <div>.
Вы предлагали избавиться от дублирования ссылок, а вместе с ребенком выплеснули тем вместо одной уродской разметки предложили другую не менее уродскую. В приведенном Вами примере ошибка заключается в том, что img вообще не следовало оборачивать в отдельный div, бессмысленно усложняя DOM.
Достойный труд проделан, лично для меня полезный. Все выпуски, от первого до десятого, в закладки. Так что автору и его знакомому Илье большое спс 🤝
Полезная статья, узнал для себя новое про apect-ratio. Ждём новых открытий!
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 10