CSS Linting for Grid FR Units

[Jonson]

EDITED TITLE (original CSS Linting for Grid FR Units and Aspect-Ratio)

Hello there,
Was hoping there would be a way to add linting support for the following:

• FR units

  .card {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr; // this would cause the error
  }
  

• aspect-ratio img { aspect-ratio: 16/9;}

Screenshots:

[Jonson]

I just updated, and don’t see aspect-ratio giving error anymore, so bravo!!

[tristup]

Hi Jon,

Glad to know that aspect-ratio is not giving any errors anymore. Unfortunately, the linting option is still not available right now.

Thanks

[Jonson]

Hi @tristup, thanks for your reply. I thought linting was basically showing error in code editor? So aspect-ratio not reporting as “error” was a type of linting fix?

Either way, fr unit is valid css, is that something that can be addressed?

[tristup]

Hi Jon,

Sorry for the confusion here. The fr is a valid unit and the issue with the fr has been replicated in my local environment. I will report this to our Issue Tracker for further investigation.

Thanks