What justify-content value do these images have?
<html> <head> <style> .container { display: flex; flex-direction: column; justify-content: space-between; width: 130px; height: 350px; border-radius: 10px; border: 4px solid black; background-color: #edc9b5; } body { background: white; } .item { font-weight: bold; margin: 10px 20px 10px 20px; padding: 5px; width: 80px; text-align: center; border-radius: 10px; align-items: flex-start; } img { border-radius: 10px; } h2 { text-align: center; } </style> </head> <body> <h3>Recent photo submissions</h3> <div class="container"> <img class="item" src="https://mimo.app/i/lada.png"> <img class="item" src="https://mimo.app/i/eiffel.png"> </div> </body> </html> </body> </html> ]]>space-betweencenterMake sure to pick space-between.