Join or log in to watch this lesson.

When you join Flowmingo you'll get access to every current & future course, lesson & project, for life.
Hero Content
Unlock this lessonLog in

Making The App Examples Section Responsive

minute lesson
Next LessonTable of Contents

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;

Assets & links

Styles Cheat Sheet