Skip to content

This repository contains my solution for the Blog preview card challenge on Frontend Mentor. It showcases a responsive card design built with HTML, CSS, and Sass.

Notifications You must be signed in to change notification settings

fatemzh/Blog-preview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - Blog preview card solution

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

Table of contents

Overview

Screenshot

blog-preview

Links

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

About

This repository contains my solution for the Blog preview card challenge on Frontend Mentor. It showcases a responsive card design built with HTML, CSS, and Sass.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published