Grid is not responsive V5.1.1

I am using Framework7 V5.1.1 with Vue and Cordova. I have just started working on putting this project together and it seems as though the grid is not responsive.
Please see the images for a clearer description.

I am importing “framework7-custom.less” in app.js.

Not%20Responsive%20Buttons|690x385 !

This is the code that I have entered on home.vue.

Grid cells have different size on Phone/Tablet

Button ONE Button TWO Button THREE Button FOUR

Thanks in advance.

There is no such properties as tablet/desktop-width In v5. Please check grid docs

You are absolutely right. Thanks for your fast response! I look forward to getting familiar and working with framework7.