fix: Update CSS to center the button

[Acksout]

Address issue #476

Title and Issue number

Title : JavaScript: Timer Quiz - Back button not working

Issue No. : #476

Code Stack : CSS

Close #476

Checklist:

• I have mentioned the issue number in my Pull Request.
• [] I have commented my code, particularly in hard-to-understand areas
• [] I have created a helpful and easy to understand README.md
• [] I have updated the Index.html file for my contribution

[netlify]

✅ Deploy Preview for frontend-mini-challenges ready!

Name	Link
🔨 Latest commit	f2cd5bf
🔍 Latest deploy log	https://app.netlify.com/sites/frontend-mini-challenges/deploys/669ff160222358000871a680
😎 Deploy Preview	https://deploy-preview-477--frontend-mini-challenges.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 configuration.

[sadanandpai]

Back button is still not working

[Acksout]

This should work. Did a manual check and the change doesn't seem to have broken anything else. @sadanandpai

[sadanandpai]

there should not be an overlap between the layers. I don't think there is a need to increase the z-index here.

[sadanandpai]

We are good to display it in this way. We can get rid of unnecessary absolutes and z-indexes.

[sadanandpai]

lets not touch navbar. Navbar is working fine overall. only if necessary lets modfiy it

[Acksout]

Setting z-index: -1 only on .start-screen fixes the issue without modifying navbar. Should I go ahead with these changes?
.start-screen { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: -1; }

[sadanandpai]

Let me handle this. Thanks for your contribution. @Acksout

[sadanandpai]

Fixed