Fixing benefits pages

[Riyachauhan11]

Related Issue

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

Fixes: #4879

Description

the dark mode bg looked all messed up and headers didnt align well in the pages present in the benefits section of home page. I have fixed this.

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes. Make sure to attach before & after screenshots in your PR.]

2024-11-10.06-31-00.mp4

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• 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.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 9:28am

[github-actions]

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! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	81e64f5
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/67309baaaf5522000970521f
😎 Deploy Preview	https://deploy-preview-4880--swapreadsconnect.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.

[atmajaa]

The cards are aligned a little too much on the left. And the dark theme toggle button should be on the navbar for connect with same url.
@Riyachauhan11

[atmajaa]

@Riyachauhan11 can you work on this and give me updates. There is one more similar pr on this issue.

[Riyachauhan11]

@Riyachauhan11 can you work on this and give me updates. There is one more similar pr on this issue.

Sure I'll work on it

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 20 minutes (more than 100, code: "api-deployments-free-per-day").

[Riyachauhan11]

@atmajaa i have tried to align the cards on all pages more to center

[atmajaa]

@Riyachauhan11 it's still showing the same in deployment preview

[Riyachauhan11]

wbt now?

[abhi03ruchi]

in https://deploy-preview-4880--swapreadsconnect.netlify.app/costefficient page , add latest navbar like the one in diverse literary page.

chk connect with same https://deploy-preview-4880--swapreadsconnect.netlify.app/connectwithsame navbar .

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 3 hours (more than 100, code: "api-deployments-free-per-day").

[Riyachauhan11]

@atmajaa @abhi03ruchi is it fine now?

[abhi03ruchi]

not https://deploy-preview-4880--swapreadsconnect.netlify.app/connectwithsame , this page

[abhi03ruchi]

also change the backgrd of all pages in light mode , to the one that is there on home page .

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 1 hour (more than 100, code: "api-deployments-free-per-day").

[Riyachauhan11]

@abhi03ruchi @atmajaa should be fine now