How it works
Page structure & responsive design
How to name pages correctly?
Each page should be named as part of the link.
For example, if you have named your page About us, it will be displayed as yourlink.com/about-us
So, our advice is to name your page frames as they will displayed in links:
- pricing
- community
- changelog
How to setup page structure?
You should design your page to be desktop screen size. For example:
- 1440px (width) x Hug (height)
Your sections should be aligned from top to bottom with auto layout.
How to setup section structure?
Using auto layout, each of your sections should be set to:
- Fill (width) x Hug (height)
See the example below.
How to make a responsive design for all screens?
Using auto layout wrap on your grid frame and using min-width and max-width on each of your columns in the grid will be enough for responsive design.
See the example below.
