11. Maintainable CSS
Activity 11.01: Making Our Video Store Web Page Maintainable
Solution
- First, we'll take a copy of the Chapter 10, Preprocessors and Tooling, Activity 10.01, Converting a Video Store Home Page into SCSS, HTML file and save it in our
Chapter11project folder underActivity 11.01.html. Next, we need to take a copy of the Chapter 10, Preprocessors and Tooling, Activity 10.01, Converting a Video Store Home Page into SCSS, SCSS file and save this in ourChapter11project folder, under thescss/activity1.scsspath. - Edit the
Activity 11.01.htmlfile so that it uses a BEM semantic markup. This involves changing the existing CSS classes to follow the BEM structure; for example,headerwould become.headerandheader imgwould become.header__logo.Once the HTML file has been updated, the markup will look like this:
<!DOCTYPE html> <html lang = "en"> <head> <meta name="viewport" content="width=device...
