A Pen by agaen

Thumbnail
This awesome code was written by 0dmg, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 0dmg ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  agaen</title>
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div id="app">
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/0dmg/a-pen-by-agaen-NMKNxr */
body {
  background: #e9ebef;
}

#app {
  display: grid;
  background: transparent;
  margin-left: 25%;
  margin-right: 25%;
  padding: 0;
  text-align: center;
  min-height: 500px;
}

.app * {
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, #e9ebef 10%, #7b7b7b) no-repeat;
  margin: 0 auto;
  border-bottom: 10px solid #green;
  padding: 0;
  border-radius: 150px 0 0 0;
}

.header {
  background: #e9ebef;
  height: 50px;
  padding: 10px;
}

@media only screen and (max-width: 700px) {
  #app {
    margin-left: 0%;
    margin-right: 0%;
  }
}

Comments