CSS grid-area example not working in chrome mobile
I'm watching the video "Why CSS grid-area is the best property for laying out content" (https://www.youtube.com/watch?v=duH4DLq5yoo) and have copied the code from codepen into an empty project.
The columns work fine in desktop chrome but when accessing from phone or choosing "Mobile" in responsive view the areas does not stack. Anyone else have experienced this?
The columns work fine in desktop chrome but when accessing from phone or choosing "Mobile" in responsive view the areas does not stack. Anyone else have experienced this?
YouTubeKevin Powell
CSS Grid is amazing, and grid-area just make it so much better. When grid first launched I loved the idea of grid areas, but didn't get fully on board as it seemed like a little too much work... but once you start actually using them on a regular basis, you realize that while the initial setup in slightly longer, in the long run you can save a b...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
