Make the landing page more responsive.

[shivenyadavs]

The "Shop Now" button on the front page of the eCommerce website is not responsive. When viewed on different devices (mobile, tablet, desktop), the button’s size and position do not adjust properly, making it difficult to click or visually unappealing on smaller screens.
To make the "Shop Now" button responsive, I will:

Use CSS media queries to adjust the button’s size, padding, and positioning for various screen sizes.
Implement a flexible layout using relative units like percentages, vw (viewport width), and vh (viewport height) to ensure the button adapts across devices.
Ensure proper alignment of the button using CSS Flexbox or Grid, so it stays centered and visually balanced on all screen sizes.
Test for responsiveness on multiple devices and orientations to ensure the changes are effective and the button is user-friendly on mobile, tablet, and desktop.

[MinavKaria]

Hi @shivenyadavs! Thanks for opening this issue on Ratna Supermarket. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.