SMACSS and Responsive Web Design

Overview

Build a website that responds to changes between mobile and desktop view using SMACSS.

SMACSS

• Base: Big picture - contains general styling
• Layout: Overall layout - contains general positioning of items on the page
• Modules: Smaller peices - contains styling for lists, imgs, etc
• Theme: Contains small changes that affects the theme
• State: Changes - containts styling based on interaction of the user