A Pen by Greg J Bales

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Greg J Bales</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

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

  
</head>

<body>

  <div class="container no-padding cookie-chart-row">
  <div class="col-xs-3 center-center cookie-cell">
    <span>heading</span>
  </div>
  <div class="col-xs-6 cookie-cell">
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
    <span>space</span></br>
  </div>
  <div class="col-xs-3 center-center cookie-cell">
    <span>explanation</span>
</div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/-Infamous/a-pen-by-greg-j-bales-QrgJWw */
.no-padding {
  padding: 0;
}

.center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-chart-row {
  border: 1px solid black;
  display: flex;
}

.cookie-cell {
  min-height: 100px;
  border: 1px solid black;
}

Comments