Responsiveness in different monitors

Question

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.

Answer 1

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

Answer 2

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.