JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div id="wrapper">
    <div id="logo">
        <img src="http://placehold.it/195x96" />
    </div>
</div>

CSS

#wrapper {
width: 100%;
}

#logo {
width: 195px;
height: 96px;
position: relative;
max-width: 230px;
max-height: 110px;
min-width: 115px;
min-height: 96px;
border: thin solid #000000;
float: left;
margin-left: 25px;
margin-top: -1px;
background-repeat: no-repeat;
background: black;
}

@media screen and (min-width:600px) {
  #logo {
   margin-left: 15%;
  }
}