In this lesson we're going to make the app examples section responsive.

Since we're going to only show three examples on the homepage, when the site breaks to tablet size breakpoint things look a little weird.

To fix this, were' going to add some custom css to hide the third app example on tablet size and below.

(Note: this is optional. You don't "need" it, but personally I think it looks better).

Custom CSS

@media screen and (max-width: 991px) {
  .examples-grid .example:last-child {
    display: none;
  }
}