Skip to content

JacobGrisham/Grid-Layout-with-Responsive-Design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

I wrote the code in the sass directory and package.json. The other files were provided by the instructor.

App Demo

AppDemo

Responsive Design

ResponsiveDemo

💡Lessons Learned

  • grid layout
  • media queries
  • animations
  • Sass mixins
  • Sass variables
  • BEM notation
  • responsive images in HTML and CSS
  • responsive design
  • setting up build process with npm scripts

🚀 Getting Started

To run this project locally:

  • In your terminal, navigate to the root folder and run the following commands
$ npm install
$ npm start

📣 Reference