CODEWITHSUNDEEP
reactjsreact-nativeresponsive-designresponsivesingle-responsibility-principle
MayMay
MayMay

Reputation: 1

Responsiveness in different monitors

I have a React app that I created following a design for 1920X1080. on 27inch / 24inch/ 13inch leptop the app looks great. but if I render the app on a 34 inch wide screen half screen for example, the app does not look very good. what is the best way to create a responsive React app? is media queries good enough ? or maybe I should use MUI or somthing?

I use media queries.

Upvotes: -1

Views: 110

Answers (2)

Leander Gebhardt
Leander Gebhardt

Reputation: 1

I think it strongly depends on the app and your design goals. "Freezing" your components is a valid option and can enhance readability (Twitter). I would give relative measurement a try, since they scale with the screen.

Upvotes: 0

Ali Mardini
Ali Mardini

Reputation: 350

I Think you can use Tailwindcss https://tailwindcss.com/ It's very useful utility-first CSS framework

Upvotes: -1

Related Questions