https://github.com/mahmoud-abuyoussef/blog_preview_card

Blog Preview Card From Front-end Mentor Challenge
https://github.com/mahmoud-abuyoussef/blog_preview_card

blog-card css front-end-mentor-challenge html responsive

Last synced: 22 days ago
JSON representation

Blog Preview Card From Front-end Mentor Challenge

• Host: GitHub
• URL: https://github.com/mahmoud-abuyoussef/blog_preview_card
• Owner: mahmoud-abuyoussef
• Created: 2024-11-08T08:03:05.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-17T00:15:41.000Z (about 1 month ago)
• Last Synced: 2024-12-17T01:32:10.802Z (about 1 month ago)
• Topics: blog-card, css, front-end-mentor-challenge, html, responsive
• Language: CSS
• Homepage: https://mahmoud-abuyoussef.github.io/Blog_Preview_Card/
• Size: 389 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog Preview Card

## [Demo](https://mahmoud-abuyoussef.github.io/Blog_Preview_Card/)

## Tech Stack

- ### Languages

  - ![HTML](https://img.shields.io/badge/HTML-%23E34F26.svg?logo=html5&logoColor=white)

  - ![CSS](https://img.shields.io/badge/CSS-1572B6?logo=css3&logoColor=fff)

- ### Design

  - ![Figma](https://img.shields.io/badge/Figma-F24E1E?logo=figma&logoColor=white)

- #### 🔖 Version Control System

  - ![Git](https://img.shields.io/badge/Git-F05032?logo=git&logoColor=fff)

  - ![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?logo=github&logoColor=white)

- ### Deployment

  - ![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-121013?logo=github&logoColor=white)

**Design by Front-End Mentor**

![Active States Design](https://github.com/mahmoud-abuyoussef/Blog_Preview_Card/blob/main/design/active-states.png)

![Desktop Design](https://github.com/mahmoud-abuyoussef/Blog_Preview_Card/blob/main/design/desktop.png)

![Mobile Design](https://github.com/mahmoud-abuyoussef/Blog_Preview_Card/blob/main/design/mobile.png)