1

How is it possible to align the last two items to the left? Sometimes there is a huge gap between the last two items. Is there some flexbox directive that fixes that?

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 250px;
  border: 1px solid #000;
}
<div class="container">
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
  <div>xxxxxxxx</div>
</div>
chazsolo
  • 7,873
  • 1
  • 20
  • 44
Mike
  • 5,416
  • 4
  • 40
  • 73
  • Trying to find a solution from recommended. Looks like i need to change it and will post here when ready. – Mike Aug 15 '17 at 13:30
  • OK. its not really a duplicate. This is my solution: https://codepen.io/anon/pen/RZjWmQ – Mike Aug 15 '17 at 13:40

0 Answers0