1👍
you should learn about flex-box. The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without having to use floats or positioning.
you can start here : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Another option is to use Bootstrap.
Bootstrap includes a powerful mobile-first flexbox grid system for building layouts of all shapes and sizes. It’s based on a 12 column layout and has multiple tiers, one for each media query range. You can use it with Sass mixins or our predefined classes.
hope this helps
- Chartjs-How to add left/right padding in Chart.js bar chart?
- Chartjs-How to decrease border width in any charts?
Source:stackexchange.com