What justify-content value do these images have?
<html> <head> <style> .container { display: flex; width: auto; flex-direction: row; justify-content: space-between; width: 100%; /* background:linear-gradient(to right, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%); */ border-radius: 10px; border: 4px solid lightgray; } body { background: white; } img { width: 75px; height: 75px; margin-bottom: 30px; } .item {font-weight: bold; margin: 10px; padding: 0px; text-align: center; border-radius: 10px; border: 3px solid gray; } img { border-radius: 10px; } h2 { text-align: center; } </style> </head> <body> <h2>The gear shop</h2> <div class="container"> <img class="item" src="https://mimo.app/i/backpack.png"> <img class="item" src="https://mimo.app/i/camera.png"> </div> </body> </html> ]]>space-betweenspace-aroundMake sure to pick space-between.