From the course: CSS: Refactoring Style Sheets

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Fix errors via csslint

Fix errors via csslint - CSS Tutorial

From the course: CSS: Refactoring Style Sheets

Start my 1-month free trial

Fix errors via csslint

- [Narrator] In this chapter, I'll walk you through a practical example of how CSS refactoring can be done. I'll use race projects for this, and I've downloaded a fresh copy of the CSS file here to start from scratch. For this example, I'll follow the rough outline of the practical approach to refactoring explained earlier in this course. To start, let's weed out all the obvious bugs and impose some order on the CSS. The Stylelint and Prettier setup from the previous chapter is up and running in VS code, meaning as soon as I open the style.css file, Stylelint will flag any obvious errors and formatting issues forming. And as you can see, there's a lot of them down here on the right hand side and when I scroll down, you see a lot of the content here is being flagged. But as you now know, all of these error flags do not mean I need to go in and fix every single line of code. When I save this file, Prettier and Stylelint will work in tandem to clear out all the errors they can, leaving…

Contents