Create account

DEV Community

SnippFlow

Posted on Jan 8

Gallery with varied image sizes using aspect-ratio and object-fit

#css #html #webdev #frontend

This snippet has a clean and simple gallery with images of different sizes, all in 3:2 aspect ratio

See the following Codepen for a demo:

Full article: Gallery with varied image sizes using aspect-ratio and object-fit
CSS Snippets

Top comments (0)

A Workflow Copilot. Tailored to You.

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

DEV Community

Gallery with varied image sizes using aspect-ratio and object-fit

Top comments (0)

A Workflow Copilot. Tailored to You.

Read next

Is it still worth doing backlink building? Is that going to help your Website/SaaS/Project?

Console.log() Isn't Really JavaScript!

FREE GitHub Copilot Alternative: Gemini Code Assist

hax cli: publish on surge.sh fast!