HTML code for flex box

index.html

<style>
    .container {
        /* This line is required */
        display: flex;
        /* Images will wrap onto a new line if there is not enough space */
        flex-wrap: wrap;
        /* Will space the images evenly */
        justify-content: space-evenly;
        /* Will align the images to a centre line */
        align-items: center;
    }

    .container img {
        /* Change this to make the images larger or smaller */
        max-height: 10rem;
    }
</style>

<div class="container">
    <img src="hello.jpg" alt="hello">
    <img src="world.jpg" alt="world">
</div>