Dprof-in-tech / peer-on-strk

https://peer-on-strk.vercel.app
1 stars 3 forks source link

UI Improvements: Make Borrow market screen responsive #2

Open Dprof-in-tech opened 3 days ago

Dprof-in-tech commented 3 days ago
Screenshot 2024-10-18 at 05 44 33

This is what the borrow market screen looks like on Mobile.

Your task, if you choose to accept is to make this page screen responsive.

adeyanjufawaz commented 3 days ago

Do you have a design for this page, what css framework do you use?

kiinshuk commented 2 days ago

Hi @Dprof-in-tech , I'd like to help with this issue. Could you please assign it to me?

adeyanjufawaz commented 2 days ago

@Dprof-in-tech I have completed the taskx

GoSTEAN commented 2 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have experience in TypeScript and responsive web design, focusing on creating user-friendly interfaces that work seamlessly across various devices using CSS and media queries.

How I plan on tackling this issue

  1. Analyze the Layout: Identify elements that need adjustment for smaller screens.

  2. Add Media Queries: Use media queries in CSS or styled-components for breakpoints like 320px (mobile) and 768px (tablet).

  3. Use Flexbox/Grid: Apply Flexbox or Grid to make the layout adaptable to various screen sizes.

  4. Pass Responsive Props: Use TypeScript props to dynamically change layouts or visibility based on the device.

  5. Test Responsiveness: Check the layout across different devices and screens using browser dev tools.

Dprof-in-tech commented 2 days ago

Hey guys Please these issues would be open for the ODHack 9 edition so please apply to solve them by the start of the ODHACK. Thank you.

PoulavBhowmick03 commented 2 days ago

@Dprof-in-tech hey, only the comments made at the start of od hack will be considered to be assigned right?

Dprof-in-tech commented 2 days ago

Yes ser.

On Fri, Oct 18, 2024 at 2:38 PM Poulav Bhowmick @.***> wrote:

@Dprof-in-tech https://github.com/Dprof-in-tech hey, only the comments made at the start of od hack will be considered to be assigned right?

— Reply to this email directly, view it on GitHub https://github.com/Dprof-in-tech/peer-on-strk/issues/2#issuecomment-2422499966, or unsubscribe https://github.com/notifications/unsubscribe-auth/A3W3TPLB6PRNARDOYHE54H3Z4EFNVAVCNFSM6AAAAABQFDXPVGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMRSGQ4TSOJWGY . You are receiving this because you were mentioned.Message ID: @.***>