JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div id="page">

<div class="box">
	
    <div class="info" style="background:yellow"><img src="https://placehold.it/350x150" style="max-width:100%;height:auto"></div>
	<div class="info">Text</div>

</div>

<footer>Footer</footer>

</div>

</body>

CSS

body{margin:0;font-size:100%}

#page{margin: 0 auto}

footer{background:black;color:white}

.box {background:white}
.info {background:orange}

@media screen and (min-width:480px) {
 
  .box {width:100%;float:left}
  .info {width:50%;float:left}
  
}