Building a Pinterest Clone Using CSS Grid

One of the holy grails of responsive web layouts is the “Masonry” grid commonly used on Pinterest and many other sites. With the advent of native features like Flexbox and CSS Grid, many layout woes are a thing of the past. However, this design pinnacle still stands strong as a challenge to frontend engineers, often requiring a mess of complex JavaScript to manipulate the DOM successfully. Now, there’s a light at the end of the tunnel! Let’s explore how we can build a MasonryGrid component with nothing more than CSS Grid and Ember’s modifier pattern, making this problem a thing of the past.

#css #javascript #tutorial #webdev
PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link:    • EmberConf 2021 - Building a Pinterest Clon...  

If you get to learn something from this video then do give it a thumbs up and subscribe to my channel for more such videos.


If you want me to cover any specific topic, then comment down below. I would be happy to help you.


--------
Follow Me Online Here:


Twitter: twitter.com/ayushkatiyar096
GitHub: github.com/ayush8010720467
LinkedIn: www.linkedin.com/in/ayush-katiyar/