https://github.com/arqum21/css_blog_card

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.
https://github.com/arqum21/css_blog_card

blog-card card-layout css3 html5

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/arqum21/css_blog_card
• Owner: ARQUM21
• Created: 2024-09-17T09:34:19.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-17T14:29:58.000Z (about 2 months ago)
• Last Synced: 2024-10-12T15:42:43.310Z (about 1 month ago)
• Topics: blog-card, card-layout, css3, html5
• Language: CSS
• Homepage: https://arqum21.github.io/CSS_Blog_Card/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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**