JSFiddle - React, Tailwind, and code Playground

by kumiau

HTML

<html>
<body>
    
    
   <div id="header">
       <img src="http://i.imgur.com/RvQdH.jpg" />
   
   </div>
    </body>

</html>

CSS

body {
        background-color:white;
        margin: 0;
        padding: 0;
        
           font-size:200px;
           text-align:center;
           
           }
        
        #header {
        width:auto;
        height:218px;
        margin-left:auto;
        margin-right:auto;
        background-position:center;
        background-repeat:no-repeat;
    overflow:hidden;
        border: 1px solid red;
       }
#header img{
    max-width: 100%;
    display: block;
        border: 1px solid blue
}