Question web design question

[didan]

I'm new to front-end web development. I have a webpage that I'm developing in React.js and it looks great on a browser but absolutely horrible on a mobile phone. What do I have to do in order to make them look somewhat similar (desktop browser vs mobile device browser)?

 

[Maarten]

Using a component library will make it much easier to develop for mobile and web.

i.e.:

Chakra UI

Simple, Modular & Accessible UI Components for your React Applications

chakra-ui.com

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

tailwindcss.com

 

[gulshan212]

Hello this is Gulshan Negi
Well, you can do this by using a responsive design framework, media queries, flexible units, and testing your web page on different devices—all important steps to achieving a responsive design.
Thanks

 

[Dennymucho]

Using a component library will make it much easier to develop for mobile and web.

i.e.:

Chakra UI

Simple, Modular & Accessible UI Components for your React Applications

chakra-ui.com

accounting company website

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

tailwindcss.com

Thank you very match

 

[Maarten]

There are a few more libraries:
- Radix UI - an open-source unstyled component library.
- shadcn/ui - uses the unstyled components from Radix UI and applies Tailwind CCS to them.