---
# System prepended metadata

title: Задачи по HTML

---

# Задачи по HTML

Все задачи выполняются без использоваться css-фреймворков. Разместить работы нужно на jsfiddle.net.

### Сверстать блок
##### макет
![](https://i.imgur.com/9ChEmhz.png)
##### задание
Сверстать html+scss. Блок резиновый с 1200 по 1000, далее media для 600, 400 и 300. Картинку для фона можно выбрать любую - эта для примера, шрифт тоже. Я буду обращать внимание на ваш код.


### Сделать только css
##### макет
![](https://i.imgur.com/BSrOIz3.png)
##### html (менять нельзя)
```
<div class="box-container">
    <button class="btn"></button>
    <button class="favorite"></button>
    <div class="price">
    45 559р.<span>56 949р.</span>
    </div>
    <div class="title">Century удилище карповое C2-D 13' 3.75lb</div>
</div>
```
##### задание
Для следующего html кода, который выше, написать scss. Теги button намеренно пустые. Шрифты можно использовать любые похожие, иконки тоже. Я буду обращать внимание на ваш код.
