Streaming live at 10am (PST)

W3C CSS Validator shows 153 errors & warnings


#1

Hello,

I have published my website and when i look at the W3C CSS Validator it shows 153 errors & warnings. How do i fix such errors & warnings?

http://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fwww.figgsform.com%2F&profile=css3&usermedium=all&warning=1


#2

Browser vendors sometimes add prefixes to experimental or nonstandard CSS properties and JavaScript APIs moz

Webflow CSS output is very clean/minimal/valid. All of your errors are beacuse of Vendor_Prefix
like: -moz-transform. This is not wrong but the vendors related to Browser (Like Chrome, Firefox) and not included in CSS spec.

Example. Today if you want to be in the “safe side” - for flex - this code:

div {
    display: flex;
}

Should be:

div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

1-2 years from now the support will be greater and you could dismiss this vendor (In other word the prefix is Temporary). Example of this idea: http://shouldiprefix.com/


#3

Related topic : Possible to Control Flexbox Browser Support?


#4

Thank you for the replies. I understand now.