Create variable grid column sizes in v8

I recently upgraded Framework7 to a newer version (8.0.4) but now I regret. From the docs a new .grid class was introduced to create grids, but there is no way to create variable column widths within the grid, all columns within the grid are equal. https://framework7.io/docs/grid. In the previous v7 which used .row class, it was possible to create variable column widths using the .col classes within the .row classes Grid / Layout Grid | Framework7 Documentation

Is it really impossible to create variable grid column in v8, or is there a workaround to this. Thanks :pray:

For now I will just link to the grid.css styles from Framework7 v7

Hello @iDev,
I am new to Framework7 too, but the grid is created using pure CSS in the framework, so you can override this in your own CSS file.

e.g. in CSS:

.grid {
grid-template-columns:33.33% 66.66%;
}

This would force the grid to layout using 2 columns, the first occupying 33.33% of the screen, the second occupying 66.66% etc.

Source: CSS grid-template-columns property

1 Like

Same here, Thank you so much for the info.