How's auto and fr work together?

HTML-CSS
1 
type or paste code here
 .item3 {
    background: PaleTurquoise;
    grid-area: content;
    /* Only change code below this line */
      display: grid;
      grid-template-columns: 1fr auto;

    /* Only change code above this line */
  }

I do not understand why use 1fr and auto?

2

Please link to the challenge so we can see the context.

auto will lose out to fr and become min-content/min-width when used together.

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.