Frontend Mentor - Blog preview card solution

This is a solution to the Blog preview card challenge on Frontend Mentor.

Table of contents

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

Overview

Screenshot

Links

• Solution URL
• Live Site URL

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Sass (SCSS)

What I learned

• Sass: Enhanced skills in creating reusable variables and nested styles for maintainable CSS.
• Responsiveness: Ensured full responsiveness using relative units for different screen sizes.
• Time Management: Successfully completed the project within a specific deadline (1h), improving efficiency.

Continued development

• Explore more Sass features: Dive deeper into mixins, functions, and extending styles.

Author

• Frontend Mentor - @fatemzh
• GitHub - @your-username