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 - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

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 - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

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.