Breakpoints
Grid layout related settings
const Box = styled.div`
display: none;
${media.xl`
display: flex;
`}
`;
Tip
But what should I do if the IDE cannot check CSS style errors?
You can install Webstorm
/ Styled Component & Styled JSX
plugins
Webstorm
Search Plugins
and Install
![Webstorm Plugins](/img/ide/webstorm-plugins.png)
in Languages & Frameworks > Javascript > Styled Components
add media
![Webstorm Styled Compoennt](/img/ide/webstorm-styled-component.png)
then check!
![Webstorm JSX](/img/ide/webstorm-jsx.png)