Hero Section Button Bg Issue Solved #68

[CKsabari2001]

Description of the pull request

This pull request addresses the issue with the background gradient class used in the HTML. The problem arose when the bottom background color of the gradient matched the button background color, causing visual blending, especially on devices with low screen height. To mitigate this issue, the background color of the HTML tag has been slightly lightened to create a clearer distinction between the background and button colors on such devices.

Additionally, the footer background color has been removed to ensure a seamless transition between the modified background color of the HTML tag and the footer, preventing any visual inconsistencies caused by conflicting background colors.

Changes made

• Adjusted the background color of the HTML tag to provide better contrast with the button background color on low screen height devices.
• Removed the footer background color to maintain visual harmony with the modified background color of the HTML tag.

Related issues

Closes #68

Testings done

To test this PR:

1. View the website on devices with low screen height to verify improved contrast between background and button colors.
2. Check for any visual inconsistencies between the modified HTML background color and the footer.

Screenshots (if any)

Checklist

• I have written tests
• My code does not produce new errors
• I gave myself a code review before asking others.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
akeru-akeru-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 17, 2024 9:50am

[GuiBibeau]

please delete the package.lock, the project uses bun.

Thank you for the PR!

[cxalem]

I would say it's better to change the button color on mobile than to change the background color!

This is because the background pattern looks incomplete if we do this.

Another way to solve this is to change the background color only on mobile.

[CKsabari2001]

@GuiBibeau sure I will remove package.lock

[CKsabari2001]

@cxalem, I believe altering the button color solely for mobile devices may not provide the ideal solution. Instead, adjusting the background color for mobile devices should be the optimal choice. Alternatively, modifying the button color for both mobile and desktop platforms could also be considered.

[tobySolutions]

@cxalem, I believe altering the button color solely for mobile devices may not provide the ideal solution. Instead, adjusting the background color for mobile devices should be the optimal choice. Alternatively, modifying the button color for both mobile and desktop platforms could also be considered.

I think we should go ahead with @cxalem said. It's actually the very preferable solution right now.

[GuiBibeau]

Thank you very much!