Footer with right and left buttons

Using Flexbox

by Génesis García Morilla

HTML

<footer>
  <div>
    <Button>Button A</Button>
    <Button>Button B</Button>
  </div>
  <div>
    <Button>Button C</Button>
    <Button>Button D</Button>
  </div>
</footer>

CSS

footer {
  background-color: antiquewhite;
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

footer > div {
  padding: 10px;
}

button {
  cursor: pointer;
}