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.
3
Answers
my app does look good on most of the screens. but on 42 inch 5k for examples it is not look well. my question is how do I solve it? is it correct to do a specific design for such screen, or should I freeze my components sizes from a specific screen size?
I Think you can use Tailwindcss https://tailwindcss.com/
It’s very useful utility-first CSS framework
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.