Firefox Chromium diff when using Subgrid

Hey guys,

I've been working on my second website for a customer and I realised I have an Issue with my layout when switching from Firefox to Chromium.

As you can see the same code is working well in firefox while in chromium based browsers, edge opera chrome. The layour of the subgrided cards just breaks entirely.

I created a codepen using the relevant html and all the css since I use many diffrent .scss files to keep things somewhat organized. And I am not entirely sure about if the issue is in the area specific css.

https://codepen.io/Zen-Mira/pen/abXPMao

I hope you can enlighten me what obvious mistake I am overseeing here!

Thanks a lot :)
tmp_125c2bff-748c-41c6-86cb-84e090087a92.png
tmp_78266184-89f2-4494-b27f-6489afb8a2ca.png
tmp_7770d500-3460-4599-bb30-1827ac55b766.png
tmp_fffe523f-1ea2-4726-8cbd-db1342801258.png
Was this page helpful?