JSFiddle - React, Tailwind, and code Playground

by alimurrazi

HTML

<div class="app">
  
  <div class="logo">
     <h1>logo</h1>
  </div>
      
  <div class="landing">
    <div class="landing-content">
      <h1>hi, i'm jordan</h1>
    </div>
  </div>
  
</div>

CSS

html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
}

h1 {
  margin: 0;
  padding: 0;
}

.landing {
  background: url(bg.svg);
}

.landing-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.landing-content h1 {
  color: white;
  margin: 0;
}

.app {
  background-color: black;
  height: 100vh;
  color: white;
}