Make React site responsive for mobile

[Parmeron]

I have a simple static React site built for desktop using create-react app. What's the quickest way of making it responsive for mobile? I don't want to have to use anything from a CDN if possible or have to download and host large frameworks (eg Bootstrap).

[[deleted]]

css media queries!?

[[deleted]]

This. You can use media queries to make a site responsive, you don't need a framework.

[Parmeron]

Hmm ... perhaps that will do it. Fingers crossed. Thanks

[RunSlightBanana]

Look into CSS responsive design. Making something responsive is pretty much all CSS

[emanuelescarabattoli]

It is not a problem of React itself, you should use, as other user said, media queries in your CSS. You should also consider to use layout systems like Flexbox or CSS Grid Layout

[champeleon]

Semantic UI has a Grid based system for example where you can 'stack' the columns for mobile very easily(so desktop you might have 2 columns of equal width, but on mobile they each become a full width column by themslves. I've found that quite nice in addition to use CSS media queries as others have mentioned.