<div class='container'>
  <div id='one'>
    One<br />One<br />One
  </div>
  <div id='two'>
    Two<br />Two<br />Two
  </div>
</div>

.container
  #one
    One<br />One<br />One
  #two
    Two<br />Two<br />Two

$blueprint_grid_columns: 3;
@import "https://compass-style.org/files/docs/examples/blueprint/grid/blueprint/grid.scss";
#one {
  @include column(2, true);
  @include prepend(1);
  background-color: #11770e; }
#two {
  @include column(1);
  @include pull(3, true);
  background-color: #242677; }

$blueprint_grid_columns : 3
@import https://compass-style.org/files/docs/examples/blueprint/grid/blueprint/grid.scss
#one
  +column(2, true)
  +prepend(1)
  background-color: #11770E
#two
  +column(1)
  +pull(3, true)
  background-color: #242677

#one {
  display: inline;
  float: left;
  margin-right: 0;
  width: 70px;
  padding-left: 40px;
  background-color: #11770e;
}
* html #one {
  overflow-x: hidden;
}
#two {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 30px;
  display: inline;
  float: left;
  position: relative;
  margin-left: -110px;
  background-color: #242677;
}
* html #two {
  overflow-x: hidden;
}