Pure CSS website to practice advanced CSS/SCSS (SASS) and delve deeper into Flexbox.

• HTML - HTML5
• CSS - CSS3
• Sass - Scss

• Google Fonts
• Linea Icons
• npm

Trillo Live Demo

• When and Why to use Flexbox?
• Why to use SVG icons vs. font icons?
• How to find, generate and use SVG sprites in HTML?
• How to change the color of an SVG icon in CSS?
• How to use more advanced flexbox alignment techniques?
• How to use scaleY and multiple transition properties with different settings, to create a creative hover effect?
• How and why to use the currentColor CSS variable?
• How to create an infinite animation?
• How to use margin: auto with flexbox, and why it’s so powerful?
• How and why to use CSS masks with mask-image and mask-size?

To get a local copy up and running follow these simple example steps.

git clone [email protected]:Bondok6/trillo.git

cd trillo

👤 Kyrillos Hany

• GitHub: @Bondok6
• LinkedIn: LinkedIn

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

• Inspired by Jonas Schmedtmann for his online course Advanced CSS and SASS