Comic book style uneven grid in CSS

Comic book style uneven grid in CSS

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
comic book grid layout image gallery pure css
Image: Comic book style uneven grid in CSS GIF

Want to style up your images to look like a comics book page? This CSS only snippet by Aysha Anggraini will help you achieve that uneven grid layout for your images.

If you are having trouble with the pen, try the archived copy on GitHub

Comic Book Image Grid Snippet

See the Pen Comic book style layout with CSS Grid by Aysha Anggraini (@rrenula) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.