🥇 FIXME Challenge

Welcome to the FIXME challenge! The goal of this task is to correctly align two images - a bathroom and a faucet - using only CSS. You are allowed to modify only the style.css file to achieve the desired result.

Results 👇

Challenge Details :

📌 Task

You need to position the faucet image in the middle of the bathroom image. The final result should have the faucet image centered over the bathroom image.

• You can only modify the style.css file.
• Do not change the HTML structure or add JavaScript.

📌 Files

• index.html: Contains the HTML structure for the images.
• style.css: The file you need to modify to complete the task.

📌 Initial Setup

1. Fork the repository:

   • Open the link to the repository on GitHub and click the "Fork" button at the top right of the page. This will create a copy of the repository in your GitHub account.

    https://github.com/dev-skipo/FixMe
   

2. Clone the repository Using SSH:

   • Open your terminal and run the following command to clone your forked repository:

     git clone [email protected]:dev-skipo/FixMe.git
   

3. Navigate to the project directory:

   cd FIXME
   

4. Modify the style.css file::

   • Open the style.css file in VS code and write the necessary CSS to position the faucet image correctly over the bathroom image.

5. Commit your changes:

   git add style.css
   git commit -m "Align faucet image over bathroom image"
   

6. Push your changes to GitHub:

   git push origin main
   

7. Create a pull request:

   • Go to your forked repository on GitHub.
   • Click on the "Pull requests" tab, then click the "New pull request" button.
   • Compare your changes with the original repository and submit the pull request.

• ❤️ Follow me.