fixed some styling bugs

[AadityaJain-Dev]

While using the website on chrome (Windows OS) I noticed that there is a white space around the <main> tag wrapper.
The changes I made should fix it.

[netlify]

✅ Deploy Preview for web-check ready!

Name	Link
🔨 Latest commit	e7dbca4
🔍 Latest deploy log	https://app.netlify.com/sites/web-check/deploys/64b5099f88ba5a00089880bf
😎 Deploy Preview	https://deploy-preview-2--web-check.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.

[lissy93]

Heya @AadityaJain-Dev - Thanks for the PR :)
But I think this breaks the alignment of the homepage

Original	PR Version

Though I have just realized that I forgot to test on any Chromium-based browsers, and it does look like the positioning is slightly different from Firefox, so I'll look into that. Can you share a screenshot of the broken whitespace, as I don't see that on my end?

[AadityaJain-Dev]

Hey,
sorry for the late reply, I was travelling.
anyway, I am not able to reproduce the issue which I was facing that day, so I guess I will just close the PR.

PS
nice project :)

Thank you

[liss-bot]

Hey @AadityaJain-Dev, this has now been implemented by @ojusave in #331, and will be released shortly in 2.2.2 😇

We're sorry this one took so long 😔