Responsive Blog Card
This project showcases a responsive blog preview card built with HTML and CSS. The card includes hover and focus states for interactive elements.
This project demonstrates the creation of a responsive blog preview card using HTML and CSS. The card design includes an image, title, excerpt, and a button for read more.
- Live Demo: View Demo
- HTML
- CSS
- Responsive design with CSS media queries for mobile and desktop screens.
- Hover and focus states for interactive elements (e.g., button).
To get a local copy up and running follow these simple example steps.
- A code editor like VS Code
- A web browser
- Clone the repo
git clone https://github.com/your-username/blog-preview-card.git
- Open the project folder cd blog-preview-card
- Open the index.html file in your web browser
This project demonstrates the creation of a responsive blog preview card using HTML and CSS. The card design includes an image, title, excerpt, and a button for read more.
👤 M Umair Ali
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
- - FrontEnd mentor [frontendmentorio] (https://www.frontendmentor.io/) for the design inspiration.