Практика HTML и CSS: карточка товара и адаптивная галерея

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

Начните с карточки: замените изображение и описание, настройте отступы и оформление кнопки. Затем попробуйте галерею из шести изображений. В примере фотографии заполняют прямоугольники одинаковой высоты, а лишние части обрезаются без искажения пропорций.

Сужайте окно браузера и проверяйте результат: при ширине 768 пикселей и меньше галерея должна перейти с трёх колонок на одну. Так вы увидите, как оформление страницы подстраивается под размер экрана.

#практика #для_новичков