Creating a Pinterest Layout with Ionic [v4]


If you want to create a Pinterest like layout with Ionic 4, you will encounter problems with the default implementation of the grid and a standard column based layout.

In this Quick Win we will implement a real Pinterest grid layout with Ionic using some custom CSS, media queries and even an official animation (borrowed from the Pinterest page).


We will also use a cool API called the Lorem Ipsum for photos so we got some real images for our Pinterest feed!

The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN

Leave a Reply

Your email address will not be published. Required fields are marked *