Social Media Buttons

Challenge Description

Create a collection of social media buttons using HTML and CSS. Each button should feature an icon representing platforms like Facebook, Twitter, Instagram, Github, and YouTube. Implement hover effects to display tooltips with platform names, ensuring a polished and responsive design suitable for integration into various web projects.

Preview

Below is the preview of this challenge:

Live Demo

You can view the live demo on my CodePen: Live Demo

Prerequisites

1. Basic HTML & CSS Knowledge
2. Positioning in CSS

Tools Used

1. VS Code (You can use any other code editor)
2. Web Browser

Contributing Steps

1. Fork the Repository: Click on the "Fork" button at the top right corner of the repository page to create a copy in your GitHub account.
2. Clone the Repository: Clone your forked repository to your local machine using:
   git clone https://github.com/Yashi-Singh-1/Social-Media-Buttons.git
3. Create a New Branch: Create a new branch for your feature or bug fix using git checkout -b <branch-name>.
4. Make Changes: Make your changes or additions to the code.
5. Commit Changes: Commit your changes with a clear and concise commit message using git commit -m "Description of changes".
6. Push to GitHub: Push your changes to your forked repository using git push origin <branch-name>.
7. Create a Pull Request: Open a pull request from your branch to the main repository, providing a clear description of the changes and any relevant context.
8. Review and Feedback: Engage in the review process, addressing any feedback or requested changes.