How I Used CSS GRID to Create a PHOTO GALLERY layout in 10 Minutes

[@biggand8520]

Hey, sorry for being absent, we are under rockets. Cool video, I have to say. It is far beyond the threshold I'm using grids in; it is a good road map to use it more deeply. Your lessons are the best for those who want to learn grid. I've never seen more deep and structured lessons about the grids. Can't wait to see more of your topics.

[@OptimisticWeb]

Thank you! I’m really sorry to hear about what you’re going through - stay safe, that’s what matters most. I’m glad the video could be helpful, and I appreciate your support.

[@mikeeomega]

I always learn something with your videos, thank you!

[@OptimisticWeb]

You're welcome! Thanks for supporting the channel.

[@MrCloudTel]

No more struggling with CSS Grid. Optimistic Web is the best. We don't memorize design here, but fully understand the rules and problems, and how to solve layout issues.

[@OptimisticWeb]

Thank you so much! The goal is to fully understand the rules and solve problems.

[@LukeDorny]

You’re getting to where I want to go. Last step: make each item have an aspect-ratio of 1 (square), even the ones that span 2 rows and columns. Items that span two rows match up to the grid and aspect-ratio turns off, etc., etc. Pro extra: redo the css to not have media queries.

[@OptimisticWeb]

Thanks for the feedback! This is just a simple example of bringing together everything from my CSS Grid series. There’s so much room to tweak and play around with the layout.

[@fendularatsq2317]

nice video, display:masonry; should be doing this strat, i am not sure if it will be display property or new grid property though, would be cool to see a video about that if they added it in css

[@OptimisticWeb]

Glad you enjoyed the video! It’ll definitely be exciting to explore masonry layouts when they officially become part of the CSS.

[@terrylee6092]

Hey, I m new to CSS Grid. If I want to learn this by watch your videos, should I just follow all the videos by order with your playlist that Responsive Web Design Essentials? I am not even a English native speaker, I hope that you can give me some suggestions. Thanks a lot.

[@OptimisticWeb]

Yes, if you’re focusing only on CSS Grid, the videos starting from #4 in the playlist should be enough. But if you want to learn about media queries and container queries, too, I’d recommend watching the entire playlist!

[@terrylee6092]

Appreciate. subscribed . and liked

[@OptimisticWeb]

Welcome aboard!