Flexbox fix 1

by serg_x

HTML

<div class="wrapper">
  <div class="fb_container">
    <div class="column column1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</div>
    <div class="column column2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  </div>
</div>

CSS

.wrapper{
  margin:0 auto;
}
.fb_container {
  max-width: 600px;
  display: flex;
}
.column{
  border:1px solid;
}
.column1 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}
.column2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 160px;
	padding-left: 40px;
}