Why are flex items overflowing outside of this flex container?
<html> <head> <style>.container { border: solid 2px #806868; display: flex; width: 250px; } .item { border: 2px solid #457081; margin: 10px; }</style> </head> <body> <h3>15 Letter Words</h3> <div class="container"> <div class="item">Algorithmically</div> <div class="item">Accomplishments</div> </div> </body> </html>]]>- Because the flex items can't shrink anymore
- Because the container shrinks as much as it can
Because the flex items can't shrink anymore.