Styles and Layouts

These two commands are your friends. They will run the linters, fix what they can automatically, and tell you about what they can't fix so that you can take manual action:

npx eslint . --fix               # <-- for the JS linter
npx stylelint "**/*.css" --fix   # <-- for the CSS linter

CSS

• Syntax & Units
• Selectors
• Layouts
• Colors

Map tiles

• Mapbox

Other "Reading"

• Flexbox Froggy
• Grid Garden

Assignments

• Function exercises -- Complete by Oct 05
• DOM exercises -- Complete by Oct 17

Project

• School Explorer -- Complete by Oct 12