vitalypanchenko1

В CSS добавить

html  {
  scroll-behavior: smooth;
}

И сделать кнопочки сбоку на странице(или ещё где нибудь) которые с лёгкой паузой будут скролить страницу на несколько десятков пикселей, запрограмить ее можно через JS

Циклом.

let massive=[];
function test(a,b){
for(let i = a; i <= b; i++){
massive.push(i);
}
}

Каждый товар сделать флексбоксом, установить flex-direction:column, внутри создать 3 дива, для картинки, названия и цены, задать конкретные размеры всем 3 внутренним дивам. Текст в блоке с ценой выровнять как надо.

Используй оператор switch.

switch (a){
case 1: alert('a = 1'); break;
case 2: alert('a = 2'); break;
case 'hello': alert('a = 'hello');break;
}