Skip to content

Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.

Notifications You must be signed in to change notification settings

Yashi-Singh-1/Blog-Preview-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blog Preview Card Challenge

Challenge Description

This HTML & CSS-only challenge involves building a blog preview card to practice HTML structure and CSS styling.

Introduction

Welcome to the Blog Preview Card challenge! This project aims to reinforce your HTML and CSS skills by replicating a design provided by Frontend Mentor.

Purpose

The purpose of this challenge is to enhance your understanding of:

  • HTML structure and semantics
  • CSS styling, including layout, colors, and typography
  • Responsive design principles

Screenshot and Live Demo

Below is a screenshot of the completed Blog Preview Card challenge:

Blog Preview Card Screenshot

You can view the live demo of the project here.

Contributing

Contributions to improve the project are welcome! Here's a detailed guide to contributing:

  1. Fork the repository: Start by forking the project repository to your own GitHub account.
  2. Clone the repository: Clone the forked repository to your local machine. Open your terminal and use the following command:
    git clone https://github.com/Yashi-Singh-1/Blog-Preview-Card.git
  3. Create a new branch: Before making any changes, create a new branch to work on your feature or bug fix. Choose a descriptive branch name that reflects the purpose of your changes.
    git checkout -b feature/your-feature
  4. Make your changes: Implement your changes to the project. Ensure that your modifications adhere to the existing coding style and project guidelines.
  5. Test your changes: Thoroughly test your changes to verify functionality and responsiveness across different devices and screen sizes.
  6. Commit your changes: Once you are satisfied with your modifications, commit your changes to the branch.
    git add .
    git commit -m "Add your descriptive commit message here"
  7. Push your changes: Push your changes to your forked repository on GitHub.
    git push origin feature/your-feature
  8. Submit a pull request (PR): Go to your forked repository on GitHub and navigate to the branch you pushed your changes to. Click on the "Compare & pull request" button to submit your PR. Provide a clear description of your changes and why they should be merged.

Credits

This challenge is provided by Frontend Mentor, offering a variety of frontend coding challenges to improve your skills.

Special thanks to Frontend Mentor for providing the design and inspiration for this project.

Author

Yashi Singh