⏳ Container Query Styled Components Support Tracking Issue

[rossbulat]

Current browser support: https://caniuse.com/css-container-queries.

Blocker: Styled Components VS Code Support:

The vscode-styled-components plugin is yet to have container query support, and is flagging container usage as unknown properties. The custom css workaround does not apply to styled components.

• Support container queries styled-components/typescript-styled-plugin#14

About CSS Container Queries

example using a container query:

@container (min-width: 700px){
  .card {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}

[rossbulat]

Styled components 6 migration is now completed with #1222 . We can now utilise container queries via vanilla CSS and styled components, however intellisense is still not supported in VS Code.