flexbox

Flexbox is the bomb is basically that bottom line. YEAH GOOD SENTANCE. I don’t know how to spell sentance. Flexbox is great because of what you can accomplish. It makes websites look good and it’s easy to do.

HOW TO VERTICALLY CENTER ???!!

display: flex;

flex-direction: [column / row]

align-items

justify-content

flex

flex: flex-grow flex-shring flex-basis

flex is one of the more confusing properties. flex-basis is the minimum number of pixels that can

margin-top: auto;

pin something to the bottom, basically creates a dynamic margin-top which pins that thing to the bottom.

<ul class="top-nav">
  <li>Your Mom</li>
  <li>Your Dad</li>
</ul>

.top-nav {
  display: flex;
  flex-direction: row;
  list-style: none;
}

Post Content