Skip to content

A responsive and visually appealing blog preview card designed using HTML and CSS. This project demonstrates a clean layout, custom typography, and responsive design techniques to ensure an optimal user experience across devices.

Notifications You must be signed in to change notification settings

HossamElrawy/Blog-preview-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Blog Preview Card

A responsive blog preview card built using HTML and CSS. This project showcases a minimalist design, optimized for different screen sizes, and uses custom fonts and styling.

Overview

This project is a solution to a Frontend Mentor challenge. It focuses on creating a visually appealing and responsive blog preview card using foundational web development techniques.

Live Demo

You can view the live version of the project here: [Live Site URL](#)


Features

  • Responsive Design: Adjusts seamlessly to different screen sizes.
  • Custom Fonts: Implements the Figtree font from Google Fonts.
  • Clean Layout: Follows modern design principles for clarity and simplicity.
  • Accessible and Semantic: Uses proper HTML structure for better accessibility.

Technologies Used

  • HTML5: For the structure of the webpage.
  • CSS3: For styling, including flexbox for layout and media queries for responsiveness.
  • Google Fonts: For custom typography.

About

A responsive and visually appealing blog preview card designed using HTML and CSS. This project demonstrates a clean layout, custom typography, and responsive design techniques to ensure an optimal user experience across devices.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published