Item: A Pen by agaen
Rating: 3.4
Author: 0dmg

0 Downloads
21 Views
Tweet
Download Now View Demo

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

More from 0dmg

A Pen by agaen

Technologies

Comments

More from 0dmg

A Pen by agaen

A Pen by agaen

A Pen by agaen

Canvas

You Might Also Like

InVision - How to make awesome GIFs

Dashboard Template

Carousel

Bar Chart (D3)

Rebuilding Treehouse Tracks Page

New Playpen

Cool lines

A Pen by Kamil