Overlap of button solved

[zalabhavy]

Description

Just added margins so button not overlap to other.

Related Issue

issue no #299

How Has This Been Tested?

Self testing

Checklist

• [x] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings

Screenshots (if necessary):

[netlify[bot]]

✅ Deploy Preview for eternalgameoflife ready!

Name	Link
🔨 Latest commit	e8f1870bcd05d0728cb2013c3bcef0576d71a148
🔍 Latest deploy log	https://app.netlify.com/sites/eternalgameoflife/deploys/667b2e2f6366360008215d3a
😎 Deploy Preview	https://deploy-preview-318--eternalgameoflife.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.

[zalabhavy]

@EternoSeeker Please check it and merge !

[EternoSeeker]

why in px, use some relative unit

[zalabhavy]

@EternoSeeker What are you mean ? please explain i can't understand.

[EternoSeeker]

px is an absolute unit (always be the same size.). It would help if you preferred using relative units like rem, em, etc

[zalabhavy]

@EternoSeeker I have updated it with rem.

@EternoSeeker Thank you for sharing knowledge with me ! I have no idea about that difference.

[partha120804]

Basically when you use px the size remains same on all screens, But when you use rem/em, the size changes with according to the screen size, so the button size depends relative to the size of device ( pc-big/tablet-medium/phone-small)

[EternoSeeker]

looks fine, thank you @zalabhavy