Trillo: Flexbox 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

Advanced Responsive Design

💡Lessons Learned

flexbox
media queries
animations
Sass mixins
Sass variables
BEM notation
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

Section 7: Trillo Project - Master Flexbox of the Udemy Course Advanced CSS and Sass: Flexbox, Grid, Animations, and more