arunkumar413 / serene-UI

SereneUI is a pure CSS library for composing HTML components
https://serene-ui.vercel.app
1 stars 8 forks source link

Make Page Responsive #8

Open Piyush-Goenka opened 1 month ago

Piyush-Goenka commented 1 month ago

Description:

The current design of the page does not adapt well to different screen sizes. To improve user experience across devices, we need to implement responsive design techniques.

Acceptance Criteria:

The layout should adjust for various screen sizes (desktop, tablet, and mobile). Ensure that all images and media are responsive and scale properly. Verify that text remains legible on smaller screens. Implement CSS media queries where necessary. Test responsiveness on major browsers (Chrome, Firefox, Safari) and devices.

Steps to Reproduce:

Open the page on a desktop browser. Resize the browser window to simulate different screen sizes. Observe layout issues and elements that do not resize properly.

Screenshot 2024-10-14 at 3 38 32 AM
Piyush-Goenka commented 1 month ago

Hey @arunkumar413 Please assign this issue to me I would solve this issue using media query. Please label this issue as Hacktoberfest.