flex

flex container with quual width

by anmol sandal

HTML

<div class="flex-container">
  <div class="flex-item">
    <p>Lorem
    </p>
  </div>
  
  <div class="flex-item">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </p>
  </div>
</div>

CSS

.flex-container {
display: flex;
width: 400px;
border: 1px solid #000;
background: #eee;
}

.flex-item {
  padding: 10px;
  flex: 1;
}