Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive Rubik Cube #220

Closed
wants to merge 1 commit into from
Closed

Conversation

payalsinha12
Copy link
Contributor

@payalsinha12 payalsinha12 commented Jun 1, 2024

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

  • [x ] I have made this from my own
  • [x ] I have taken help from some online resourses
  • [x ] My code follows the style guidelines of this project
  • [x ] I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • [x ] My changes generate no new warnings

ATTACH SCREEN-SHOTS / DEPLOYMENT LINK (if applicable)

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

i made the Rubik Cube Project Responsive .
Copy link

github-actions bot commented Jun 1, 2024

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
Copy link
Contributor Author

@Dev-tanay please assign me

@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube Responsive Rubik Cube #SSOC Jun 1, 2024
@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube #SSOC Responsive Rubik Cube Jun 1, 2024
@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube Responsive Rubik Cube "ssoc" Jun 1, 2024
@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube "ssoc" Responsive Rubik Cube Jun 1, 2024
@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube Responsive Rubik Cube "#ssoc" Jun 2, 2024
@payalsinha12 payalsinha12 changed the title Responsive Rubik Cube "#ssoc" Responsive Rubik Cube Jun 2, 2024
@payalsinha12
Copy link
Contributor Author

@Dev-tanay please review my pr

@payalsinha12
Copy link
Contributor Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Responsive Rubik Cube
2 participants