add following changes for responsive color squares

[ozlemertosun]

🛠️ Fixes Issue: ""

👨‍💻 Changes proposed:

✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.
• [x] I am a participant of Hacktoberfest 2022

📄 Note to reviewers

📷 Screenshots

[netlify[bot]]

✅ Deploy Preview for colors-lab ready!

Name	Link
🔨 Latest commit	e151f3edb6af0a3ededada89a01c66748d6de80e
🔍 Latest deploy log	https://app.netlify.com/sites/colors-lab/deploys/634d489eaf5d3f0008a0dbf1
😎 Deploy Preview	https://deploy-preview-78--colors-lab.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[ozlemertosun]