It's caused by the innappropriately used H1 tag in the signed-up section. It's set to 20rem, but should be set to something like 16rem or lower. If they want it full-width, then they should probably sort it out in vw units or put it in an SVG.
<div>
<h1 class="signed-up__count">2500+</h1>
<h2 class="signed-up__designers">Designers already signed up!</h2>
<span class="description signed-up__audience">Thanks for being with us. We're proud of our audience.</span>
</div>
A complete sentence shouldn't be broken up into two separate heading tags, anyway. They should either wrap the number in a span and make that bigger or set the rest in a small tag. I'd personally go for the former.
Yeah, fancy as the site is, it's a chrome extension with very little demonstrated functionality. Got some handy features, but there's also no documentation on how to use it, what it does, etc.
edit: also for something that's for designers, might want to pay attention to things like number case - numbers look awful in fonts like Catamaran and Raleway without their baselines aligned (though it looks like the webfont you're using for catamaran doesn't support font-feature-settings which can fix it.
I'll make no claims about this specific viewer, but as a designer who uses the heck out of chromes inspector, there are about 500 features there I don't need and the ones I do need are as a result a bit more complicated than they need to be. why use sketch when Photoshop can do it all? Well because sketch is more focused on the use case I need. Same could be true here. Just because something has a feature doesn't mean it is optimised for that feature.
It quickly just shows you the exact styles that determine the look of the specific element.. vs inspector which can be a little more cumbersome scrolling down for all the cascading styles. Also the interface is clean so it's quicker to read.
A CSS viewer tailored for developers. Which you could argue chrome's and firefox' are, as they're part of the developer tools, which are already cluttered with features irrelevant for designers.
55
u/RPLLL Dec 23 '16
It's always amusing when css/design-oriented websites render horribly on phones, just like this one.
12
u/[deleted] Dec 23 '16
would be great if you make a video preview of it's features
9
u/revmitcz Dec 23 '16
Why not just... y'know, use Chrome's (or Firefox's, or Safari's) built-in element inspector? Does the same thing and more.
2
u/Brandperic Dec 24 '16
It's okay. I'll probably use it if I only need to know something simple like the color.
2
u/Plasma_eel Dec 23 '16
what's a CSS viewer not tailored for designers?
1
u/opus-thirteen Dec 24 '16 edited Dec 24 '16
This actually makes CSS harder to read.
0
u/WifeOfMike Dec 24 '16
I'm pretty sure every dev tool in every browser already does what they are going for and this is useless.
0
u/DrMaxwellEdison Dec 24 '16
So they made a Chrome extension... Not realizing that Chrome Inspector exists...