Responsive CSS Grid with NO MEDIA QUERIES!
https://skl.sh/designcourse23 - First 500 people to sign up will get their first 2 months free! https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon) -- Today, I'm going to show you how to use just TWO CSS grid properties to create a fully responsive image gallery without the use of media queries. In the past, you would have to create a whole slew of media queries at various breakpoints to overwrite certain CSS properties. With this technique, none of that is necessary. Very cool stuff! Inspiration for this tutorial: https://andy-bell.design/wrote/create... Codepen for this tutorial: https://codepen.io/designcourse/pen/m... Spec for some of the properties discussed: https://drafts.csswg.org/css-grid/#au... Let's get started! - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! My site: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: / designcoursecom Join my Discord! / discord ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!

Easily Structure your Layout with CSS Grid's 'grid-template-areas'

CSS Grid Changes EVERYTHING - Amazing Presentation

Free Figma UX Design UI Essentials Course

Learn Web Design For Beginners - Full Course

Awesome UI Interactions with the CSS Clip Path Property

STOP The CSS Grid Confusion - 2 Ways to GRID!

5 CSS Tips & Tricks for better Responsive Web Design

CSS Grid Tutorial: Responsive Design Examples

Build and Deploy an Apple Website with React | Beginner Three.js & GSAP Tutorial

The Magic of CSS Grid AUTO-FIT vs AUTO-FILL

Why CSS grid-area is the best property for laying out content

1970s Inspired French Pop | Slow Parisian Cafe Vibes | Chanson Aura

Responsive design made easy
![React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat](https://i.ytimg.com/vi/9vZ8ELqerPo/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB_hhLXovYNLtVk2BabJ2yfQPTMuw)
React Tutorial For Beginners [ReactJS] | ReactJS Course | ReactJS For Beginners | Intellipaat

Tailwind CSS v4 Full Course 2026 | Master Tailwind in One Hour

Build Layouts with CSS Grid #1 - CSS Grid Basics

Learn Sass in this Free Crash Course - Give your CSS Superpowers!

Learn CSS Grid the easy way

