DEV Community

Muhammad Dedi
Muhammad Dedi

Posted on

Gnarly Grid Challenge | CSS Grid

#codepen

The end result should be that the captioned photo grid flows seamlessly through different screen sizes, without uneven gaps between the columns or rows.

Top comments (0)

profile
Datadog
 Promoted

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Read next

mikeyoung44 profile image

AI Model Breakthrough: Better Medical Image Analysis Through Knowledge-Enhanced Detection

Mike Young -

mikeyoung44 profile image

New AI System Helps Robots Accurately Grasp Shiny Metal Objects, Boosting Accuracy by 26%

Mike Young -

bhavyajain profile image

Advanced Socket.IO Tips and Tricks for Building Scalable Production Systems

Bhavya Jain -

mikeyoung44 profile image

New AI Memory Breakthrough: Infinite Context Length Without Performance Loss

Mike Young -

DEV Live Events

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️