Project using CSS Grid for a responsive webpage layout with a generic set of page elements e.g. header, navigation, section, content, aside (sidebar) and footer.

This repository contains SCSS boilerplate code to quickly get started on building a webpage following a simplified version of the 7-1 pattern.

It contains these folders :

• abstracts : functions, variables
• base : reset, typography, utilities
• components : buttons, form
• layout : footer, header, nav

• Node.js
• NPM or Yarn

• Install the live-server package : npm install -g live-server
• Run npm install

Run npm run start. Your browser should automatically open a new tab where you can see your app.

Note : live reload is enabled so just modify your files and it will be reflected on the app instantly.

Run npm run build. It will automatically add vendor prefixes to CSS rules and compress all your .scss files into one style.css file located in your css folder.