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