JSFiddle - React, Tailwind, and code Playground

by voigtan

HTML

<a href="start/index.html">
    <img src="img/1.jpg" width="700" height="525"/>
</a>

<div class="copyright">
    Copyright
</div>

<div class="navigation">
Fashion / Beauty / About / Blog
</div>

CSS

html {
    height: 100%;
}

body { 
    background-color: #fffdfc;
    border-color: #FFF;
    height: 100%;
    margin: 0;
}
img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 700px;
   height: 525px;
   margin-top: -390px; /* Half the height */
   margin-left: -359px; /* Half the width */
   border: 3px solid #FFF;
}
  
.navigation {
    bottom:0px;
    position:absolute;
}
.copyright{
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    
}