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
Coherence
 Promoted

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Read next

godofgeeks profile image

Error Handling & Exceptions in Python

Aviral Srivastava -

mikeyoung44 profile image

A beginner's guide to the Wan-2.1-T2v-720p model by Wavespeedai on Replicate

Mike Young -

mikeyoung44 profile image

AI Breakthrough Makes Voice Commands Work Better with Less Training Data

Mike Young -

mikeyoung44 profile image

Groundbreaking Study Reveals Why Two-Stage AI Training Works Better Than Direct Optimization

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. ❤️