search

MinavKaria / Ratna-Supermarket

Ratna Supermarket is an online shopping platform offering a seamless and secure shopping experience. Users can browse a variety of products, manage their carts, place orders, and track purchases, all through an intuitive, responsive interface.
https://ratna-supermaket.minavkaria.xyz/
MIT License
22 stars 53 forks source link

Make the landing page more responsive. #167

Open shivenyadavs opened 3 weeks ago

shivenyadavs commented 3 weeks ago

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 commented 3 weeks ago

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.