JSFiddle - React, Tailwind, and code Playground

HTML

<div class='cover'>
  <div class='container'>
    <div class="msi">
      <img src="https://i.imgur.com/ydGIB0m.jpg" alt="MSI" style="width:auto;height: 88vh;">       </div>
    <div class="links">
      <a href="Insta.html">Insta</a>
      <a href="Twitter.html">Twitter</a>
      <a href="Gucci.html">Gucci</a>
      <a href="Chanel.html">Chanel</a>
      <a href="Web.html">Web</a>
    </s>
  </div>
</div>

CSS

html, body{
height: 100%;  
}
body{
    font-size: 15px;
    line-height: 1.42857143;
    color: #444444;
    background-color: #fff;
    margin:0;
}
.cover{
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;   
    -webkit-align-items: center;
    verflow: visible !important;
    min-height: 100%;
}
.container{
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 15px20
    max-width: 100%;
}

.msi{
  flex-direction: column;
  display: inline-block;
}
.links {
  display: inline-block;
}
a {
  text-decoration: none;
  color: #000;
  display: block;
  margin: .8em 0em;
}