| 1 | The website is using responsive web design. |
| 2 | If IDs are used, they are unique to a page. |
| 3 | A CSS reset (reset, normalize or reboot) is used and up to date. |
| 4 | Avoid at all cost embedding CSS in <style> tags or using inline CSS. |
| 5 | CSS files are concatenated in a single file. |
| 6 | CSS files are minified. |
| 7 | CSS files need to be non-blocking to prevent the DOM from taking time to load. |
| 8 | All pages were tested with the correct breakpoints. |
| 9 | CSS validator. |
| 10 | All pages were tested on all current desktop browsers (Safari, Firefox, Chrome, Internet Explorer, EDGE…). |
| 11 | All pages were tested on all current mobile browsers (Native browser, Chrome, Safari…). |
| 12 | All pages were tested on all current OS (Windows, Android, iOS, Mac…). |
| 13 | Use Hex color codes #000 unless using rgba(). |
| 14 | Avoid absolute positioning. |
| 15 | Do not animate width, height, top, left and others. Use transform instead. |
| 16 | Avoid !important. |
| 17 | Only standard media queries are used. |
| 18 | Follow two tabs indentation. |
| 19 | Give proper spaces between brace brackets, colon etc. |
| 20 | Use three value hex code wherever possible for eg. #000000 -> #000. |
| 21 | Avoid ID usage for css styling purpose if possible. |
| 22 | Use shorthand wherever applicable. |
| 23 | Try reusing css code whenever applicable. |
| 24 | Avoid unwanted decimal points usage for matching font-sizes. |
| 25 | Use vendor prefixes. |
| 26 | Add box commenting for difference between main sections(Header, main, footer, and media queries) and normal commenting between sections. |
| 27 | Avoid unnecessary increase in specificity. Do not use important to override. (Avoid more than 4 nesting elements). |
| 28 | Avoid units for 0 such as 0px or 0% etc. Also avoid using trailing zero example 0.4, 0.9 etc. |
| 29 | Single line styling should be on the same line and should be merged i.e. there should be no spaces between them. Eg: .heading { color: red; } |
