What align-items property do these images have?
<html> <head> <style> .container { display: flex; flex-direction: row; height: 200px; border-radius: 10px; border: 4px solid black; background-color: #edc9b5; align-items: center; } body { background: white; } .item { font-weight: bold; /* margin: 20px; */ padding: 5px; width: 100px; 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> ]]>centerflex-endMake sure to pick center.