Skip to content

This project showcases a responsive blog card layout built with HTML and CSS. The blog cards display an image, title, description, and a "Read More" button, with hover effects and responsiveness for different screen sizes.

Notifications You must be signed in to change notification settings

devmahmut/CSS_Blog_Card

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Blog Card Project

This project showcases a responsive blog card layout built with HTML and CSS. The blog cards display an image, title, description, and a "Read More" button, with hover effects and responsiveness for different screen sizes.

Features

  • Responsive Design: The blog cards adjust their layout based on the screen size, from four columns on larger screens to one column on smaller screens.
  • Hover Effects: Each card includes a subtle hover effect that rotates the card and adjusts the shadow to create a dynamic appearance.
  • Custom Images: Each blog card has a unique background image.

Technologies Used

  • HTML5
  • CSS3

About

This project showcases a responsive blog card layout built with HTML and CSS. The blog cards display an image, title, description, and a "Read More" button, with hover effects and responsiveness for different screen sizes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.7%
  • HTML 49.3%