flex box base case

by slym12

HTML

<div class="container">
  <div class="item">
    asdfa
  </div>
  <div class="item2">
    asdfa
  </div>
  <div class="item3">

  </div>
</div>

CSS

/* .container-wrap {
  display: flex;
  flex-direction: column;
	margin: 0 50px;
}
 */

.container {
  display: flex;
  background-color: lightgray;
  height: 300px;
  width: 100%;
  flex-wrap: wrap;
  /* align-content: initial; */
  /* flex-direction: row; */
  /* align-items: flex-end; */
}

div[class*="item"] {
  padding: 20px;
}

.item {
  background-color: orange;
  /* flex-basis:450px; */
  /* flex-shrink:0; */
}

.item2 {
  background-color: green;
  /* align-self: center; */
  flex: 1 0 auto;
}

.item3 {
  background-color: pink;
}