Dev-tanay / Rubik-Cube

Rubik Cube
https://dev-tanay.github.io/Rubik-Cube/
MIT License
95 stars 159 forks source link

Responsive Rubik Cube #220

Closed payalsinha12 closed 3 months ago

payalsinha12 commented 4 months ago

i made the Rubik Cube Project Responsive .

221

Description

HTML Structure: We have a separate div element with the class ui__background for the background. This div will cover the entire viewport and serve as the background layer.

CSS Styles: In the CSS file, we set the background color of .ui__background to the desired color (#f0f0f0 in this example). Adjust the color code to your preference.

Responsive Design: This setup will automatically make the background responsive since it covers the entire viewport. You can further adjust the CSS to handle specific responsiveness requirements. Fixes: #221

ATTACH SCREEN-SHOTS / DEPLOYMENT LINK (if applicable)

WhatsApp Image 2024-06-02 at 02 22 30_9948c34a

github-actions[bot] commented 4 months ago

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

payalsinha12 commented 4 months ago

@Dev-tanay please assign me

payalsinha12 commented 4 months ago

@Dev-tanay please review my pr

payalsinha12 commented 3 months ago

what are the conflicts will you please elaborate , as i attached the screenshot of the the website which is completely responsive then what's the conflict @Dev-tanay