fixed-carousal-fluid-right-block

fixed carousal and fluid container

by manu v

HTML

<div class="container">
  <div class="right">
    our carousal, width/height now is half of actual. Just for demo
  </div>

  <div class="left">
    <div class="left-sub-block">
      <div class="text-block">

      </div>
      <span class="sub-heading">notifications</span>
      <div class="">
        <div class="">
          <a href="#" title="search" class="menu-icon">
            <span class="fa fa-info-circle"></span>
          </a>
        </div>
        <div class="">
          <p>
            These orders need your attention:
          </p>
          <div class="">
            <ul>
              <li>Order date Aug 8</li>
              <li>Order date Aug 5</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</div>

CSS

body {
  background: #ffffff;
}

.container {
  height: auto;
  overflow: hidden;
}

.left {
  float: none;
  background: #fff;
  width: auto;
  overflow: hidden;
  padding: 0px 20px;
}

.left-sub-block {
  background: #e8f6fe;
  min-height: 184px;
}

.text-block {
  padding: 0px 15px;
}

.right {
  width: 385px;
  height: 184px;
  float: right;
  background: #f2f2f2;
}