
Nick Huemmer
Front End Web Development Techdegree Graduate 17,815 PointsWhy does 'justify-content: space-between' in the .main-header min-width: 1025px media query create such a large space?
Why does 'justify-content: space-between' in the .main-header min-width: 1025px media query create such a large space in between the name and main-nav elements? They spread to the opposite sides of the page, which in previous flexbox examples, 'space-between' didn't make such are large separation between items.
1 Answer

Johnny Austen
Front End Web Development Techdegree Graduate 35,274 PointsMy best guess is that .main-header has two children - the h1, and the ul. Perhaps "space-between" is providing half the width of the container between them, and therefore each child is pushed to the far sides of the container.
Kirt Perez
6,762 PointsKirt Perez
6,762 PointsDid you happen to figure out why the behavior is like this?