Dash app Acting Strange with CSS Grid Layout

I need some help with my code, I think it would be best if I share my code from Github. I created a separate branch called css_problem_branch to display the issue I’m having.

Link to Github repository

The simple grid layout I’m trying to recreate can be found in the CssGrid folder, it was done using simple HTML elements and it works. That’s just to demonstrate what I’m trying to recreate.

However, when I use exactly the same CSS in the assets folder, the web application starts acting strange. It does not reorganize the grid when I reduce the width of the browser and when I reduce it the width of the container element becomes extremely big (which works fine with plain HTML elements)

What could be the cause and how can I solve it?