Code AnalysisIntermediate 50s

Trace: Flex Column Fill

A flex column is height:100vh with three children. The middle child needs to fill remaining space. Which works?

Starter code

/* A */ .mid{flex:1}
/* B */ .mid{height:100%}
/* C */ .mid{flex:0 0 auto}
/* D */ .mid{position:absolute}

Think you can answer under pressure?

Get matched and answer live questions in 3-minute 1v1 battles. Elo ranking, badge tiers and bragging rights on the line.