-
Notifications
You must be signed in to change notification settings - Fork 25
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
Grid overflow doesn't fit #51
Comments
That's expected behaviour if elements span multiple tracks. /* either of this works in your specific setup */
.container { grid-template-columns: auto auto repeat(10, 1fr); }
.container { grid-template-columns: min-content min-content repeat(10, 1fr); }
.container { grid-template-columns: max-content max-content repeat(10, 1fr); } Because "Portfólio" is a single (unbreakable) word, both "min-content" and "max-content" give the same results here. If it were "Meu Portfólio" and you add hyphenation the results differ and "Contato" might define the width. Not a bug & you can close this issue :) |
https://codepen.io/rdsilvalopes/pen/eXQjQZ
When I used the grid setting
.menu {
grid-column: 1 / 3; <-------------
And the content
.contento {
grid-column: 3 / -1; <-------------
And resizing it's overflowed
But, this is the only configuration that works using number 2.
If you change the number it does not fit and always overflow to other box when you resize.
.menu {
grid-column: 1 / 2; <-------------
And the content
.contento {
grid-column: 2 / -1; <-------------
The text was updated successfully, but these errors were encountered: