input.value = "Новое значение";
$('#shop-cards-1').addClass('active');
$('#shop-cards-2').removeClass('active');
$('#shop-cards-3').removeClass('active');
$('#shop-cards-4').removeClass('active');
$('#shop-cards-5').removeClass('active');
$('#a-1').addClass('active-color');
$('#a-2').removeClass('active-color');
$('#a-3').removeClass('active-color');
$('#a-4').removeClass('active-color');
$('#a-5').removeClass('active-color');Заказчику не нужна адаптивная верстка.
При задавании всем привычного meta content="width=device-width, initial-scale=1" name="viewport" происходит ситуация на первой картинке: все секции помимо хедера обрезаются и выглядят ужасно.
Нагуглил решение, где вместо "device-width" прописывается 762px, но в таком случае при заходе с телефона все увеличено в два раза (что фиксится уменьшением двумя пальцами, но всё же) и шрифты/иконки/фотографии кажутся маленькими.
@media условиями и делать нормальный адаптивный сайт.
- Что такое h1? Это заголовок конкретной страницы или раздела на странице (с точки зрения SEO, я бы использовала только 1 раз на странице как заголовок).
- Куда могла бы вести ссылка с заголовка 1 уровня? Только на саму страницу (с учетом соображений выше). Но мы и так на ней, ссылки на саму себя не дают вообще ничего.
С заголовков следующих уровней вложенности могут быть ссылки, если ниже только краткий текст и есть тсраницы с полным текстом или описанием (например, в карточках товаров на странице каталога названия могут быть h2 и одновременно ссылкой на страницу товара)
- Если у вас ссылка с заголовка ведет на главную, то, вероятно, вы что-то не так поняли в макете и это не заголовок, а логотип.
Это значит, что достаточно одного,
button.А у вас:
div, в немa, а в нем еще иspan.