Кураторы тега отмечают. То что новички задают вопрос, другие новички отвечают, потом автор вопроса из личного отсутствующего опыта помечает ответ решением, и не всегда верный - не есть хорошо ни для кого.
Тут технические вопросы с однозначным ответом, так что пример со страной и президентом не подходит.
KononovD, как вариант карточку оставить дивом, задать курсор поинтер и повешать onclick='window.location.href="/product"'
Для доступности ссылкой на страницу товара заголовок можно сделать.
вот есть перевод https://webgyry.info/home/html5/spec_html5/
Тебе нужно почитать про контентные модели
в спеке указано для каждого элемента к какой группе он относится и элементы каких групп в него можно вкладывать
Сергей Сыса, у верстальщиков и у дизайнеров разный софт. Я сказал человеку верстать макеты, при чем тут обсуждение в каком формате их делать? При том что все импортится туда сюда и обратно. В гугле макеты для тренировки 99% в psd поэтому и назвал этот формат. И не нужно открывать фотошоп чтобы верстать из psd.
Плохо в том, что если класс active понадобится в другом месте - то его не перенесешь, так как он привязан к родителю. Еще если есть в другом месте класс .active {} то он будет действовать на .main .active{ color: white;} хотя это не очевидно.
В общем если масштабировать такую верстку, то это сплошная боль, надо все такие места распутывать.
и изменив что то в одном классе не знаешь где это унаследуется и что то поломается.
s-morello, на страницах есть структура которая повторяется, теги head, открытие тега body
подключение стилей и скриптов
Иногда сетка страницы с сайдбаром
header и footer если они сквозные
Это все выносится в layout, а на самих страницах только то, что меняется на каждой странице.
ihabia, ну да, контейнер фиксируется и не меняется до следующего брекпоинта. А следующий настанет раньше, чем max-width перестанет работать и контейнер станет резиновым, если стандартные настройки не менять.