https://github.com/sabeer-junaid/blog-preview-card

This repository contains the implementation of the Blog Preview Card challenge from Frontend Mentor. The challenge focuses on creating a responsive and visually appealing card that showcases a blog post preview, including the author's information, publish date, and a summary of the content.
https://github.com/sabeer-junaid/blog-preview-card

blog-preview-card css frontend-mentor frontend-mentor-challenge html preview-card

Last synced: 3 months ago
JSON representation

This repository contains the implementation of the Blog Preview Card challenge from Frontend Mentor. The challenge focuses on creating a responsive and visually appealing card that showcases a blog post preview, including the author's information, publish date, and a summary of the content.

• Host: GitHub
• URL: https://github.com/sabeer-junaid/blog-preview-card
• Owner: Sabeer-Junaid
• License: mit
• Created: 2024-06-05T20:44:05.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-07T20:39:08.000Z (over 1 year ago)
• Last Synced: 2025-06-07T15:45:12.213Z (7 months ago)
• Topics: blog-preview-card, css, frontend-mentor, frontend-mentor-challenge, html, preview-card
• Language: HTML
• Homepage: https://sabeer-junaid.github.io/blog-preview-card
• Size: 39.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Blog Preview Card

![image](https://github.com/Sabeer-Junaid/blog-preview-card/assets/59570904/935ae634-6d24-4cf5-b811-3d217399a760)

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

- [Screenshot](#screenshot)

- [Links](#links)

- [Built with](#built-with)

- [Author](#author)

### Screenshot

![FireShot Capture 001 - Blog Preview Card - sabeer-junaid github io](https://github.com/Sabeer-Junaid/blog-preview-card/assets/59570904/67dfe422-8d70-4533-9b2d-f690755cf647)

### Links

- Solution URL: https://github.com/Sabeer-Junaid/blog-preview-card

- Live Site URL: https://sabeer-junaid.github.io/blog-preview-card

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- CSS Grid

- Mobile-first workflow

## Author

- Website - [Sabeer Junaid](https://sabeer-junaid.github.io/LinkNest/)

- Frontend Mentor - [@sabeerjunaid](https://www.frontendmentor.io/profile/Sabeer-Junaid)