JSFiddle - React, Tailwind, and code Playground

by ruslyrossi

HTML

<header>
        Header
    </header>

    <div id="container">
        <div id="cart">
          Cart
          <p>1x MacBook Air</p>
          <p>1x iPhone</p>
          <p>1x iPod</p>
        </div>
    </div>

    <footer>
      Footer
    </footer>

CSS

header {
           width: 400px;
           height: 100px;
           background-color: #ddd;
           margin: 0 auto;
        }
        #container {
          background-color: #aeaeae;
          height: 1000px;
          margin: 0 auto;
          position: relative;
          width: 400px;
        }
        #cart {
          border: 2px solid #000;
          position: absolute;
          right: 0;
          top: 100px;
          width: 100px;
        }
        footer {
           width: 400px;
           height: 100px;
           background-color: #ddd;
           margin: 0 auto;
        }