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