dev-resources.site
for different kinds of informations.
Gallery with varied image sizes using aspect-ratio and object-fit
Published at
1/8/2025
Categories
css
html
webdev
frontend
Author
SnippFlow
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
Articles
12 articles in total
Truncating Text with Text-Overflow
read article
Using the currentColor property to change SVG color
read article
Author Bio Box CSS in WordPress
read article
Reading Progress Bar
read article
Animated Gradient Background
read article
Gallery with varied image sizes using aspect-ratio and object-fit
currently reading
Back to Top button with smooth scroll
read article
Tooltips with Positioning (Top, Bottom, Left, Right)
read article
Center elements with flexbox
read article
Unordered and Ordered Lists with Auto-Increment Using Pseudoclasses
read article
Custom Mouse Cursor Using External Image
read article
WooCommerce Info Boxes under Add to Cart
read article
Featured ones: