Designer News
Where the design community meets.
↵
Josh Brewer, almost 6 years ago
Hey Renato, re: domain change, it was because all our social handles have been @goabstract from the start and we wanted to be more consistent across the board :)
Renato de Leão, almost 6 years ago
Makes sense! For moments I though it had something to do with the Abstract documentary, but then realised that it didn't make any sense... I just need to sleep :p
Tim Van Damme, almost 6 years ago
Thanks for the heads up about the width thing, will make the change right now :)
Maciej Zadykowicz, almost 6 years ago
You can get rid of the scrollbar with overflow-x: hidden in html tag when using 100vw's. Oh, and love the design!
Well yup you can.. but you still get extra ~15px (depending on browser scrollbarWidth) on each section and then you can get things under the scrollbar.
I think good ol % still wins,
viewport unitsare handy for other things.Laura McCartney, almost 6 years ago That is a hack and can make your scrolling janky on mobile.
Waiting to try this since last year, let's see how it goes.
Out of curiosity, why did you change your domain from: abstractapp.com to goabstract.com?
One note on the site, besides the awesome party parrot:
width: 100vw != width: 100%,vwincludesscrollbarWidth. I don't know if it's just me, but these unwanted scrollbars just grind my gears.As a general rule, don't use for
vwfor full width sections. Usewidth: 100%instead.If you want to be hipster:
.page-wrapper{ width: calc(100vw - (100vw - 100%))}That's it for today, CSS Is fun!
Shamelessly Stolen and remixed from aykevl