New Playpen

In this example below you will see how to do a New Playpen with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by shmi, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright shmi ©
  • HTML
  • CSS
  • JavaScript
    <body class="container-fluid">

<div class="container-fluid">
  <div class="row">
    <div class ="col-md-12">
       <div class="well">Hi?</div>
    </div>
    <div class ="col-md-6">
        <div class="well">Why, hello there!</div>
    </div>
    <div class ="col-md-6">
        <div class="well">Why, hello there!</div>
    </div>
  </div>
</div>


  
<div class="container-fluid">
  <div class="row">
    <div class="col-md-6">
      <div class="well">toodlie doo</div>
    </div>
    <div class="col-md-6">
      <div class="well">tweedley-twadley</div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="well">Didlee doo, didley dee</div>
    </div>
  </div>  
</div>

</body>

/*Downloaded from https://www.codeseek.co/shmi/new-playpen-KgLEeP */
    body {
  
}

div {
  text-align: center;
  font-family: Gill Sans;
  font-size: 25px;
  background-color: purple;
  border-radius: 10px;
}


/*Downloaded from https://www.codeseek.co/shmi/new-playpen-KgLEeP */
    

Comments