This HTML & CSS-only challenge involves building a blog preview card to practice HTML structure and CSS styling.
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.
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
Below is a screenshot of the completed Blog Preview Card challenge:
You can view the live demo of the project here.
Contributions to improve the project are welcome! Here's a detailed guide to contributing:
- Fork the repository: Start by forking the project repository to your own GitHub account.
- 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
- 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
- Make your changes: Implement your changes to the project. Ensure that your modifications adhere to the existing coding style and project guidelines.
- Test your changes: Thoroughly test your changes to verify functionality and responsiveness across different devices and screen sizes.
- 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"
- Push your changes: Push your changes to your forked repository on GitHub.
git push origin feature/your-feature
- 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.
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.
Yashi Singh