Как сделать слайдер?

Question

[fhntv0912]

Слайд должен быть справа от хедера,под ним товар,как сделать так как на фото ?

Сейчас вот так


(JSON Code)
{
"121234": {
"name": "Яблоки",
"cost": 44.2,
"description": "Сочные спелы",
"order": 3,
"img" : "apple.png"
},
"12342": {
"name": "Яблоки",
"cost": 44.2,
"description": "Сочные спелы",
"order": 3,
"img" : "apple.png"
},
"1235": {
"name": "Вишня",
"cost": 54.6,
"description": "Кислая красная",
"order": 5,
"img" : "cherry.png"
},
"1236": {
"name": "Виноград",
"cost": 94.2,
"description": "Сладкий, синий и зеленый",
"order": 1,
"img" : "grape.png"
},
"1237": {
"name": "Арбуз",
"cost": 23,
"description": "Сладкий красный",
"order": 8,
"img" : "watermelon.png"
}
}

Comments

[fhntv0912]

в codepen дал-же,без json товара не будет видно

[Модератор]

fhntv0912,
3. В процессе создания вопроса пользователь Сервиса обязан:
3.2. Формулировать вопрос максимально информативно и однозначно.

Напишите нормальный тайтл вопроса

3.8. Использовать для демонстрации фрагментов кода только специальный тег <code></code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.

Answer 1

[Алан Богов]

Через CSS оформления сделай.