JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div id="wrapper-720">

<div class="container-2col">
	<div class="box-2col-1">
		<img height="200" src="http://www.onvia.com/sites/default/files/icon_careers_the_experience_350x200.png" width="350" />
	</div>
	<div class="box-2col-2">
		<img height="200" src="http://www.onvia.com/sites/default/files/icon_careers_the_value_350x200.png" width="350" />
	</div>
</div>
  </div>

CSS

/* 2 Column Div */

#wrapper-720 {
    position:relative;
    width:720px;
    border:1px solid #f66511;
}

.container-2col {
    display: flex;
    justify-content: center;
}

.container-2col > div {
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.box-2col-1 {
    width: 50%;
}

.box-2col-2 {
    width: 50%;
}