Frontend Mentor - Blog Preview Card Solution

This repository contains my solution to the Blog Preview Card challenge from Frontend Mentor, a platform designed to improve coding skills through realistic project-building.

Table of Contents

• Overview
  • The Challenge
  • Links
• My Process
  • Built With
  • Continued Development
• Useful Resources
• Author
• Acknowledgments

Overview

The Challenge

Participants should be able to:

• View hover and focus states for interactive elements on the site.

Links

• Solution URL: GitHub Repository
• Live Site URL: GitHub Pages

My Process

Built With

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

Continued Development

I plan to refine the landscape mode and incorporate feedback from the Frontend Mentor community.

Useful Resources

• Box Shadow Guide - This was particularly helpful for creating the blog preview card's box shadow.

Author

• Frontend Mentor - @Greg Hooper
• LinkedIn - @ramazanima
• Dribble - @ramazanima
• CodePen - @ramazanima

Acknowledgments

I extend my sincere gratitude to my family, friends, and the Frontend Mentor community. Their encouragement and the opportunities provided by Frontend Mentor have been critical in advancing my coding skills.