Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Johnathan Mercier
Johnathan Mercier
5,527 Points

calc() W3C Validation

So I am working on a site and have opted to use the calc() method to create a sticky footer. when I go to validate the CSS I get an error on this particular bit of CSS only. Oh I get some warnings from my normalize.css, but this is the only actual error popping up. 

min-height: calc(100vh - 120px);

I get this.

Sorry! We found the following errors (1) 42 .wrapper Value Error : min-height Parse Error calc(100vh - 150px)

Did I miss something and need glasses? or is this an issue with using vh instead of a percentage as they show in the MDN docs? I want to have error free CSS, I just hate to have to go back and flexbox everything after I am pretty much done with the site minus a few aesthetic tweaks, content copy fixes and linking forms.

Thank in advance.

1 Answer

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,741 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,741 Points

It's quite possible that the validator doesn't support calc() or there is a bug (on their end).

Edit: This bug seems to confirm.

Johnathan Mercier
Johnathan Mercier
5,527 Points

Excellent, well at least I know I don't need glasses yet lol. Thanks again