3 ms·

What will you build on .dev? A site so broken that it still has a horizontal scrollbar no matter how wide the browser window.

tedmiston 8y ago
It renders without a horizontal scroll bar on my iPad 6g in either orientation
- gruez 8y ago
  Shows up for me on firefox and chrome on windows. Also, safari (and maybe chrome on macos as well) doesn't show scrollbars unless you're actively scrolling, so it's easy to think there's no scrollbars.
molteanu 8y ago
Chromium on Arch Linux. Can confirm.
bhartzer 8y ago
Or just build a site that pitches your development services.
fgkramer 8y ago
Are you on a mac? 99% of times it's because of an external mouse connected. edit: the css for the element that overflows has: `grid-template-columns: 50vw 50vw;` and based on the spec: https://www.w3.org/TR/css3-values/#viewport-relative-lengths https://www.w3.org/TR/css3-values/#viewport-relative-lengths, scrollbars are not taken into account, therefore as long as you have a _forced_ scrollbar, the content WILL overflow regardless of your screen size. By forced I mean a scrollbar you cannot remove and that's not enforced by your systems settings, you can clearly see this behaviour on mac if you toggle the "Show scroll bars" setting to "Always". Safari and webkit based browsers can avoid this issues with `::-webkit-scrollbar{ display: none}` but it's not a cross browser solution nor a wise decision to hide scrollbars overall.
- shereadsthenews 8y ago
  I think the fact that you tried to blame my peripheral devices says a lot about the state of web dev today.
- josteink 8y ago
  It’s still a broken site.
- LukeShu 8y ago
  I see it with Firefox on Arch Linux. No matter the size of the window, the page seems to be a fixed ~16px wider.
  - ancarda 8y ago
    For me, if I resize to a narrow window (or zoom to 400%) it'll switch to mobile view and the horizontal scrollbar disappears.
- ancarda 8y ago
  I see it too (Chrome on Windows 10).
cachvico 8y ago
.deveap-hero grid-template-columns needs to be 49vw 50vw 49vw not 50vw, to approximately make room for the vertical scrollbar when it appears. OK, on with my day ;)

tedmiston 8y ago

It renders without a horizontal scroll bar on my iPad 6g in either orientation

gruez 8y ago
Shows up for me on firefox and chrome on windows. Also, safari (and maybe chrome on macos as well) doesn't show scrollbars unless you're actively scrolling, so it's easy to think there's no scrollbars.

molteanu 8y ago

Chromium on Arch Linux. Can confirm.

bhartzer 8y ago

Or just build a site that pitches your development services.

fgkramer 8y ago

Are you on a mac? 99% of times it's because of an external mouse connected. edit: the css for the element that overflows has: `grid-template-columns: 50vw 50vw;` and based on the spec: https://www.w3.org/TR/css3-values/#viewport-relative-lengths https://www.w3.org/TR/css3-values/#viewport-relative-lengths, scrollbars are not taken into account, therefore as long as you have a _forced_ scrollbar, the content WILL overflow regardless of your screen size. By forced I mean a scrollbar you cannot remove and that's not enforced by your systems settings, you can clearly see this behaviour on mac if you toggle the "Show scroll bars" setting to "Always". Safari and webkit based browsers can avoid this issues with `::-webkit-scrollbar{ display: none}` but it's not a cross browser solution nor a wise decision to hide scrollbars overall.

shereadsthenews 8y ago
I think the fact that you tried to blame my peripheral devices says a lot about the state of web dev today.
josteink 8y ago
It’s still a broken site.
LukeShu 8y ago
I see it with Firefox on Arch Linux. No matter the size of the window, the page seems to be a fixed ~16px wider.
- ancarda 8y ago
  For me, if I resize to a narrow window (or zoom to 400%) it'll switch to mobile view and the horizontal scrollbar disappears.
ancarda 8y ago
I see it too (Chrome on Windows 10).

cachvico 8y ago

.deveap-hero grid-template-columns needs to be 49vw 50vw 49vw not 50vw, to approximately make room for the vertical scrollbar when it appears. OK, on with my day ;)