How do I use media queries in a React application?

How do I use media queries in a React application?

You can use media queries in React by applying them in your CSS files or using styled-components. Would you like an example?

Yes, please provide an example using styled-components.

Sure! Here's a simple example:

import styled from 'styled-components';

const Container = styled.div`
  background: lightblue;
  @media (max-width: 600px) {
    background: lightcoral;
  }
`;

This changes the background color based on the screen width.

What if I want to use inline styles instead?

For inline styles, you can use JavaScript to conditionally apply styles based on the window size. Would you like to see how?