The Startup
Published in

The Startup

Creating a Pinterest style image gallery in Vue

In this article I will show a quick and easy way to create a Pinterest style layout grid to showcase images. This grid will be responsive meaning that it will automatically resize as the browser window increases or decreases in size.This will display images regardless of their individual height and does not level out all images to have them start on the same row. Instead when the image in a column ends then the next image starts leaving you with a picture board layout where all images are not aligned equally. So let’s get started.




Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +756K followers.

Recommended from Medium

What To Pack? The difference between NVM, NPM, and Yarn.

Building a simple full stack MEAN application — Part 2

Implementing Role-Based Access Control in a Node.js application

Virtually the Best Feature of React


Connect a Relational DB and Backend with Node.js, Sequelize, PostgreSQL

Integrating your reactjs web app with stripe and cloud functions on Firebase part 1 of 2

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jennifer Bland

Jennifer Bland

Software Engineer. Google Developers Expert. Keynote Speaker. Entrepreneur. Mountain Climber. Neil Diamond fan. World traveler. &

More from Medium

Random User Generator with API + Vue.js

Vue 3 — Google reCaptcha implemented in just 2 minutes.

Learn How To Create, Test and Deploy a Single Page App With Vue 3 + Vite and Pinia

Deployment/Hosting of Vue.js app using Firebase