<div class="wrap">
  <div class="col">
    <p>Column1</p>
  </div>
  <div class="col">
    <p>Column2</p>
  </div>
</div>
.wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.col{
  -webkit-flex:2;
  flex: 2;
  margin-right: 30px;
}
.col:last-child{
  -webkit-flex:3;
  flex: 3;
  margin-right:0;
}

External CSS

  1. https://www.ibnet.ne.jp/column/web/201012/screen2.css

External JavaScript

This Pen doesn't use any external JavaScript resources.