https://github.com/bedimcode/responsive-expand-card
Build this Cool Responsive Expand Card Animation Usign HTML and CSS
https://github.com/bedimcode/responsive-expand-card
card-hover-effect css-cards responsive-cards
Last synced: about 9 hours ago
JSON representation
Build this Cool Responsive Expand Card Animation Usign HTML and CSS
- Host: GitHub
- URL: https://github.com/bedimcode/responsive-expand-card
- Owner: bedimcode
- Created: 2026-03-30T14:52:15.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-30T14:53:58.000Z (3 months ago)
- Last Synced: 2026-03-30T16:32:19.746Z (3 months ago)
- Topics: card-hover-effect, css-cards, responsive-cards
- Language: SCSS
- Homepage: https://youtu.be/C_kVSFaYmeg
- Size: 1.56 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Expand Card Animation
This project is part of a YouTube tutorial in which we build a responsive expand card animation from scratch using HTML & CSS
## Project Features
- Fully responsive expand card (Mobile First Methodology).
- Clear and semantic HTML structure.
- Use of CSS variables.
- Smooth animations with CSS.
## [🎬 Watch it on YouTube](https://youtu.be/C_kVSFaYmeg)
## Download the source code directly
1. Click the green **code** button.
2. Click **Download ZIP**.
3. Extract the ZIP file and open the project in your code editor.
## Clone or Fork the repository
You can **clone** the repository to your local machine or **fork** it in your GitHub account to obtain the source code.
```bash
# Clone the repository using HTTPS
git clone https://github.com/bedimcode/responsive-expand-card.git
```
Designed & developed with ❤️ by **[Bedimcode](https://www.youtube.com/@Bedimcode)**
