Frontend Mentor - Blog preview card solution

This is a solution to the Blog preview card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• See hover and focus states for all interactive elements on the page

Screenshot

Links

• Link to see the repository
• Link to see the live solution

My process

Built with

• Semantic HTML5 markup
• Stylus Preprocessor
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

THe main thing i learned was stylus, whick is a CSS preprocessor that lets you use a lot of features that don't come with CSS by default. It was really fun learning about it and it will help me in the future to write CSS quicker.

Continued development

In future projects i would like to try out other preprocessors like SCSS or LESS so i can decide whick one i like more.

Author

• Frontend Mentor - EnzoDev10