[Chartjs]-Dashboard grid – Chart.JS and CSS- issue widening two small horizontal bar graphs – noob question

Given the nature of the grid display, you can’t really expand the cards to the left without breaking the layout. What was needed was a readjustment in the grid-template for .dashboard-container.

Here is the updated codepen.

Here is a gist with the same contents of the pen but in a single html file.

There where some issues with margins and paddings, misuse of the fr unit in grid template properties and inconsistency in media queries breakpoints.