How to Use Stretch Layout with Margin for Desktop and Optimal Frame Sizes for Desktop and Mobile

Hello,

I have a question regarding layout grids for desktop sizes. Instead of setting the alignment to center, is it possible to set it to stretch and apply a margin of 80px?

Also, what are the most commonly used frame sizes for desktop and mobile layouts?

Thanks in advance!

You will have to provide more context. What do you have now, and what are you trying to do?

You can, but that isn’t to say that’s what you want. We have no way of knowing what you are trying to achieve.

I wouldn’t aim at common break points, not unless you are creating a framework. The layout should work at all screen sizes.

Anyway, here are the Bootstrap breakpoints as an example.

1 Like

I apologize for not explaining fully, I’m currently implementing the site layout grid in Figma. Now I want to know if the implementation of the point I mentioned above is logical?

Instead of setting the type to center, is it possible to set the type to stretch and apply an 80px margin?

Additionally, what are the most commonly used frame sizes for desktop and mobile layouts?

Welcome back to the forum @train

Common frame sizes for desktop and mobile change monthly. To find the latest break points, you will need to use a search engine.

Can you post a sample of what you have so the forum gets a better understanding of what you are trying to achieve?

Happy coding

1 Like