23 мар. 2023 г. · Для .single-card вам нужно задать display: flex , а .sale-percent лучше сделать с абсолютным позицианированием. – Oliver ...

4 сент. 2022 г. · Необходимо сверстать карточку (решила делать через background-image), но не очень понимаю как сделать: отступ от картинки для текста (без ...

12 мая 2024 г. · У Вас должен быть один общий контейнер <div class="product-card-container"> . Что-то вроде этого: <div class="product-card-container"> <div ...

4 мая 2023 г. · Строка grid-template-columns: repeat(3, 1fr); означает, что 3 блока в строке одинакового размера, то есть когда нужно при мобильной версии вам 2 ...

19 янв. 2022 г. · Простой способ использовать Grid Layout. Показать код. body {background-color: #ccc;} * { padding: 0; margin: 0; } .card { box-shadow: 0 4px ...

27 янв. 2023 г. · 0;} /*сжимаем <p> */ ; display: grid; /* выбираем грид модель(способ и набор правил для размещения элементов на странице), она одна из самых ...

28 июл. 2022 г. · для разметки кнопок вроде "избранное" рекомендуют использовать тег ссылки <a> (хотя переход на другую страницу не предполагается, разве что js ...

28 апр. 2022 г. · Вам нужно почитать и разобраться с двумя главными системами расстановки элементов: Flexbox и Grid Layout. Там нет ничего сложного, но тогда ...

20 янв. 2021 г. · смотрим размеры и устанавливаем шрифты и так же обнуляем отступы и главного документа · Shekiller - создаём рядом с index.html папку с именем img/ ...

31 янв. 2024 г. · Все карточки должны быть внутри одного родительского элемента, а у тебя они просто отдельными блоками отдельно друг от друга стоят.