Justify start columns inside row

How I can delete the space between?
-1 tried all justified variables but doesn’t work properly

-2 tried to rewrite row & col css like Bootstrap and works, but too much work to do
Anyone can help?

You can use Masonry https://masonry.desandro.com/

Here’s a demo with Bootstrap + Masonry Masonry example · Bootstrap v5.2
I think you can use Masonry + Framework 7 without any problem.

Nono, mansory i can do it with 2 lines of code. I mean the grid system is wrong in f7, need to be rewritten @nolimits4web any suggestion ??

This is how CSS flex works flex - CSS: Cascading Style Sheets | MDN

i don’t know, i think grid needs to be rewritten, doesn’t make sense on large devices.
i tried a lot but seems .row class is wrong!