Практика HTML и CSS: карточка товара и адаптивная галерея
Практика HTML и CSS: карточка товара и адаптивная галерея Соберите карточку с изображением, названием, ценой и кнопкой, чтобы потренировать связь разметки HTML и оформления CSS. В подборке учебных проектов есть примеры кода карточки товара и галереи. Они показывают внешний вид: добавление в корзину не реализовано. Начните с карточки: замените изображение и описание, настройте отступы и оформление кнопки. Затем попробуйте галерею из шести изображений. В примере фотографии заполняют прямоугольники одинаковой высоты, а лишние части обрезаются без искажения пропорций. Сужайте окно браузера и проверяйте результат: при ширине 768 пикселей и меньше галерея должна перейти с трёх колонок на одну. Так вы увидите, как оформление страницы подстраивается под размер экрана. #практика #для_новичков