Flexible sizing, responsive design powered up

1fr, 2fr, 1fr

#1
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

auto, auto, auto

#2
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

auto, 1fr, auto

#3
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

1fr, auto, 1fr

#4
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

1fr, auto, fit-content(200px)

#5
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

minmax(200px, 400px), auto, fit-content(200px)

#6
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

1fr, auto, minmax(200px, 400px)

#7
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

fit-content(200px), minmax(200px, 400px), max-content

#8
Do we still like boxes?
Do we still like boxes?
Do we still like boxes?

@hj_chen