Archived topic
Responsive design best practise
1 reply · Started by Sean on May 2, 2022
Hi
I am working on a new site and would like to know if you suggest any best practises and settings so that the element/page is correctly responsive. These are over-arching GP guidelines that can be applied to containers, grids etc.
I have set up a few test pages that look good on desktop and then take a lot of fiddling for tablet/mobile. They don't seem to 'talk' to each other and scale? Have tried using some templates but same problem.
Would be nice to know the best way and hopefully this will save some time.
I have GP Pro and GB Pro.
Happy to look through docs and videos to learn.
Thanks
Sean
Hi Sean,
GP theme and GB blocks are all responsive, but will need to be tweaked for sure as everybody has his/her own preference in terms of design(font size/how many columns per row/ spacing between sections etc.).
What I do is to create a set of GB global styles for containers/headlines/grid, I set up the spacing/font for different devices, then apply them to the new blocks I created in pages so that I don't have to tweak each block for responsiveness.
For more info about:https://docs.generateblocks.com/article/global-styles/
