CSS Validator

Find syntax errors, unknown properties, suspicious values and duplicate declarations in CSS.

6Errors
3Warnings
1Suggestions
21Lines
  • Unknown property “colour” — did you mean “color”?Line 2, column 3 · unknown-property
  • “#ggg” is not a valid hex colour.Line 3, column 3 · bad-color
  • “0” needs no unit in “margin: 0px auto”.Line 4, column 3 · zero-unit
  • Unknown unit “pxx” in “10pxx”.Line 5, column 3 · unknown-unit
  • Selector ends with a comma: “.nav,”.Line 8, column 1 · selector
  • Expected “property: value” but found “display flex”.Line 9, column 3 · missing-colon
  • Missing semicolon after “color: white”.Line 13, column 3 · missing-semicolon
  • “color” is set twice in this rule (first on line 13).Line 15, column 3 · duplicate-property
  • Empty rule “.empty”.Line 18, column 1 · empty-rule
  • Missing “}” for this block.Line 19, column 1 · missing-brace
1.header {
2 colour: #333;
3 background: #ggg;
4 margin: 0px auto;
5 padding: 10pxx;
6}
7
8.nav, {
9 display flex;
10}
11
12.button {
13 color: white
14 background: blue;
15 color: red;
16}
17
18.empty {}
19@media (max-width: 600px) {
20 .header { font-size: 14px; }
21