How to make a mobile version for a site on React?

Question

css

There is a desktop version of the site - written in React, using styled-components.
What to use to make a mobile version and what are the pros / cons of each approach:
1. Media queries (for each component (about 40+ components) you will have to write a list of media queries)
2. CSS framework (most likely, you will have to re-layout the markup )
3. Anything else?

Answer 1

one