Orrery Model Challenge

Challenge Description

This CSS challenge creates a simple orrery-like model using HTML and CSS. It features a main container with two blocks, each containing two circles, arranged to resemble an orbital system. The challenge focuses on positioning elements and using absolute positioning, background colors, and border-radius properties to achieve the desired layout.

Preview

Below is the preview of this challenge:

Live Demo

You can see the live demo on my Code Pen: https://codepen.io/Yashi-the-lessful/pen/pomMGKY

Credits

This challenge credits goes to CSS Battle

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/Orrery-Model-.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.