New Marketplace

by Austin Stewart

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container test-one">
    <div class="info"></div>
    <div class="banner"></div>    
</div>

<div class="container test-two">    
    <div class="banner"></div>  
    <div class="info"></div>
</div>

SCSS

.container {
    width: 95%;
    background: yellow;
    //max-width: 500px;
    margin: 20px auto;
    .banner {
        background: blue;
    }
    .info {
        background: red;
    }
}
.test-one {
    height:200px;
    .banner {
        height: 100%;
    }
    .info {
        height: 100%;
        float: right;
        width: 200px;
    }
}

.test-two {
    .banner {
        width: 75%;
        padding-bottom: 50%;
        float: left;
    }
    .info {
        float: left;
        padding-bottom: 50%;
        width: 25%;
    }
}