jqueryMobile>> Grid-Layout-with-Responsive-Design>> 返回
项目作者： JacobGrisham

项目描述 ：
Home Rental Landing Page using Sass, a grid layout, and responsive design.
高级语言： HTML
项目地址: git://github.com/JacobGrisham/Grid-Layout-with-Responsive-Design.git


Nexter: Grid Layout with Responsive Design

Coding project from the Udemy Course Advanced CSS and Sass: Flexbox, Grid, Animations, and more

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
    1. $ npm install
    2. $ npm start

📣 Reference