Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Consider a larger grid margin on mobile devices #169

Open
1 task done
zetareticoli opened this issue Nov 18, 2024 · 0 comments
Open
1 task done

Consider a larger grid margin on mobile devices #169

zetareticoli opened this issue Nov 18, 2024 · 0 comments

Comments

@zetareticoli
Copy link
Member

Does a discussion already exist on the topic you are interested in, or on a similar topic?

  • I verified and it doesn't exist

What

Actually, using the default grid container element margin it would be 12px on each side.

As we have the 24px or 1.5rem as grid gutter (given by the sum of12px padding on columns on each side), we should set which element adds more pixels to reach at least 16px margin.

Why

The external margin of a grid container is too tight. UI elements or text are too close to the device/viewport border.

Context

No response

More

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🆕 New
Development

No branches or pull requests

2 participants