Вопросы по верстке страницы

Сверстал такую страницу https://yadi.sk/i/-Xjp4TVXmoPU2Q
Хочу туда разместить фильтры и диаграмму на плитке https://yadi.sk/i/qFsfZVnHjrZKuw

Вопросы:
1. Я верстал указывая отступы по пикселям. Как понимаю корректно будет смотреться только на моем мониторе. Чтобы на остальных мониторах норм смотрелось ка нужно верстать, указать отступы в %?
2. Как скруглять края у рамок https://yadi.sk/i/4R643bmGorBIlw
3. Как сделать выпадающий панели у фильтров с набором полей https://yadi.sk/i/oh-wPJFK0AZCrg (с плавным движением вниз при раскрытии)

rownong@yandex.ru, практически все это можно сделать, верстая с использованием bootstrap 4. Есть толковая документация. Если делать по ней и с умом - сразу получаешь адаптивную верстку. Скругления делаются с помощью CSS, смотри border-radius. Выпадающие панели - тоже bootstrap, анимация выпадений - частично бутстрапом, более точно читай раздел CSS "Анимация".

Цитата JoeUser @ 26.04.20, 19:07

rownong@yandex.ru, практически все это можно сделать, верстая с использованием bootstrap 4. Есть толковая документация. Если делать по ней и с умом - сразу получаешь адаптивную верстку. Скругления делаются с помощью CSS, смотри border-radius. Выпадающие панели - тоже bootstrap, анимация выпадений - частично бутстрапом, более точно читай раздел CSS "Анимация".

Цитата

border-radius

спасибо

пока начинаю хочу без bootstrap научится

Цитата rownong@yandex.ru @ 27.04.20, 09:51

пока начинаю хочу без bootstrap научится

Тогда посоветую искать материалы по grid-верстке (+flex), ну и конечно же HTML5+CSS3.