Pinterest layout style with CSS | CSS Only Masonry grid

------------------
Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
#onlinetutorials #csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[Issvor]

I can't believe how simple this is... How did I not know about the `columns` property?

[laquocanh]

The downside is that the order of the images goes from top to bottom and then to the next column. In most cases, we would want the order to be left to right.

[Abdullah_WordPress_Expert]

mashallah what a simple way you used greate Developer I learnt so many CSS properties form you love you bro from Pakistan

[codeverse_studio]

you've made it very easy to learn. thanks dude

[santaiaja_Lah]

easy cool. very helpful for me who is still learning grid

[dulip.kawshalya]

column Property awsome !!! Thank you baby .... finally Done 2.00 AM

[psychotechtutorials]

Thank you sir, your videos help a lot❤️❤️

[corecomputer]

Very Helpful Video thank you so much dear 🙏

[pritampaul]

Thanks sir make it so simple to do this type of Layouts 👍🏻😍

[kimbapslayer]

Do all browsers support columns? I always have issues with it.

[EVH]

Great . It was fun to do the same CSS Code

[hammeedabdo.]

Please, How to show and hide the icon or window by simply hovering and bringing the mouse closer to the location of the icon or window to appear, and when the mouse moves away the window or icon disappears, and vice versa?

[bigti]

At first i was thinking you'd use display: grid forl this layout

[enespinar]

Hello, I need to do this grid with max-height: 100vh; property but when i use it the grid cracks. I've tried so many js libs and pure css's but still i couldn't fix it.

[Karolina-dujt]

Is it possible for portfolio viedo reels in the 9:16 format or only it is possible for photo?

[chikeziechinonso]

Great content bro

Hope Ur mum had a successful operation

[Thavilang]

How did you solve the sequence problem? With this code the element will be positioned by columns, not by lines (how is expected), so the third element will be on the screen after a lot of elements that should be down of it...

[futuremaxxed]

pinterest doesnt increase or decrease image size on different screen size

[normanejm]

I can't believe that it's just "columns". I tried to use Grid. 😅😅

[alihammad]

Sir how can we make the pictures clickable???