Strategy Question

I need a bit of expert advice. In Wappler you have a number of viewports in which to program. Wappler is quite handy in seeing how the development appears in those viewports. The issue that I have is, if you are designing in the full-screen view, and say you change the column size in your phone view to say 5, it will appear too large in the desktop viewport. The same holds true when styling a number of other elements.

Here is a question that I have.

1. Is there another more efficient and practical method to apply to my design for containers, rows, columns, tables. etc…?

I look forward to all of your thought on this matter.