/blog-preview-card-main

This project involves creating a blog preview card using SCSS and a mobile-first workflow.

Primary LanguageSCSS

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

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • SCSS - CSS preprocessor
  • Flexbox
  • Mobile-first workflow

What I learned

Throughout this project, I gained practical experience with SCSS, which enhanced my understanding of CSS preprocessors and their benefits. I learned how to effectively use variables, nesting, and mixins to write more maintainable and scalable styles.

Moreover, this project allowed me to practice translating a design into code. I learned how to closely follow a given design and ensure that the final product accurately reflects the intended design. This experience has improved my attention to detail and my ability to create pixel-perfect layouts.

Author