JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column">
    <div class="span_1_of_2">
        <img alt="" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTMVyo_31-5dT9axehp5rUm1xBh6zHrzpbVKrCnUZiq7vIYAhN5e2P6Jg">
    </div>
    <div class="span_2_of_2">
        <img alt="" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTMVyo_31-5dT9axehp5rUm1xBh6zHrzpbVKrCnUZiq7vIYAhN5e2P6Jg">
    </div>
</div>

CSS

.column {
    width:100%;
    max-width:1500px;
    margin:0 auto;
    box-sizing: border-box;
}
.span_1_of_2 {
    width:50%;
    display:inline-block;
    float:left;
}
.span_2_of_2 {
    width:50%;
    display:inline-block;
}

body {background-color:#d8d8d8}