Code
Snippet
/ 

CSS Aspect-Ratio

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
CSS Aspect-Ratio

Set a fixed, min or max aspect ratio on an element with CSS in a more semantic way then the old school percentage padding approach. Learn more about the spec and how its supported here: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio

Tags

CSS
Aesthetic

Industries

Creators

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
11.21.19

Similar items

Items
0
Layout
Grid View
Row View
Featured
Preview
↗

Osmo

Start building websites people remember.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
OH Architecture
Inspo
Website
/ 

OH Architecture

4.9.25
Architecture, Agency, Portfolio, Webflow, GSAP
Nory
Inspo
Website
/ 

Nory

4.9.25
Food & Beverage, AI, SAAS, Marketing, Webflow, Kyle Craven
Greer Mosher
Inspo
Website
/ 

Greer Mosher

4.8.25
Creative, Personal, Portfolio, Webflow
Osmo
Inspo
Website
/ 
Directory

Osmo

€25/mo
4.5.25
Creative, No-code, Dev Tools, Animation, Gallery, Javascript, Workflow, Webflow, GSAP, Ilja van Eck
Greenhouse
Inspo
Website
/ 

Greenhouse

4.5.25
HR, SAAS, Marketing, Enterprise, Webflow
Heritage In Art
Inspo
Website
/ 

Heritage In Art

4.5.25
Creative, Gallery, Webflow, GSAP
Marga Navarro
Inspo
Website
/ 

Marga Navarro

4.2.25
Creative, Personal, Portfolio, Webflow
Granola
Tools
App
/ 

Granola

3.30.25
AI, SAAS, Workflow, Automation
Giga Energy
Inspo
Website
/ 

Giga Energy

3.30.25
Industrial, Marketing, Webflow, Benten Woodring
Mast
Featured
Tools
Framework
/ 

Mast

3.13.23
No-code, Creative, Dev Tools, CSS, Workflow, Design System, Extending, Why Webflow, Webflow, HARA, Rotor, Gantry, No-Code Supply Co.
Whalesync
Partner
Tools
App
/ 

Whalesync

1.8.23
CMS, Database, Extending, Automation, Where Whalesync Really Wails, "100 SEO pages in 20 minutes with OpenAl + Webflow + Whalesync", Notion, Webflow, Airtable, Bubble
Also
Inspo
Website
/ 

Also

3.26.25
Transportation, Landing, Framer
Jetboost
Partner
Tools
App
/ 

Jetboost

12.3.19
No-code, CMS, Search, Assets, Extending, Jetboost List Update Function
Hurry Up & Have Fun
Inspo
Website
/ 

Hurry Up & Have Fun

3.24.25
Events, Agency, Portfolio, Webflow
Fathom Analytics
Partner
Tools
App
/ 

Fathom Analytics

12.1.22
Analytics
Cleft Notes
Inspo
Website
/ 

Cleft Notes

3.22.25
AI, SAAS, Mobile Apps, Landing, Webflow
Typography in web design course
Learn
Course
/ 

Typography in web design course

€399
3.22.25
Creative, Text, Design System, Workflow
Modulify AI
Tools
App
/ 
Website

Modulify AI

3.22.25
No-code, AI, Creative, Website Builder, Wireframes, Components, Webflow, Relume
Webflow Expert Course
Learn
Course
/ 

Webflow Expert Course

3.22.25
Creative, No-code, Education, Components, Video, Webflow
Dreamr
Inspo
Website
/ 

Dreamr

3.22.25
Creative, Film, Photography, Agency, Portfolio, Webflow, GSAP
Audienceful
Partner
Tools
App
/ 
Website

Audienceful

8.1.22
SAAS, No-code, Email, CMS, Marketing, Automation, Webflow
Website Headlines (dotcom)
Tools
Directory
/ 

Website Headlines (dotcom)

3.18.25
Creative, Content, Marketing, Gallery
Plumb
Tools
App
/ 
Website

Plumb

3.18.25
AI, Content, Workflow, Framer
No-Code Exits
Featured
Tools
Directory
/ 
Website

No-Code Exits

1.21.25
No-code, AI, Email, Content, Gallery, Softr, Airtable
Elevate Sphere
Inspo
Website
/ 

Elevate Sphere

3.17.25
Health & Wellness, Community, Marketing, Webflow, Mast
Outseta
Tools
App
/ 
Website

Outseta

8.13.20
No-code, SAAS, Authentication, Memberships, Extending, Ecommerce, Webflow
Rubus
Inspo
Website
/ 

Rubus

3.14.25
SAAS, Housing, Real Estate, Marketing, Webflow
brand.ai
Tools
App
/ 

brand.ai

3.14.25
AI, Creative, SAAS, Brand Guide, Design System, Workflow
Tiny Mighty Buttons
Tools
Component
/ 
Website

Tiny Mighty Buttons

3.14.25
Creative, Dev Tools, CSS, Extending, Components, Webflow
DeepFlow
Inspo
Website
/ 

DeepFlow

3.13.25
AI, SAAS, Landing, Scrollytelling, Webflow, GSAP, Diego Toda de Oliveira
Sections.wtf
Inspo
Website
/ 
Directory

Sections.wtf

3.13.25
Creative, Components, Gallery, Framer
Slater
Tools
App
/ 

Slater

6.2.23
AI, Custom Code, Extending, Workflow, Webflow, Edgar Allan, 473
Birch
Inspo
Website
/ 

Birch

3.11.25
Creative, Agency, Portfolio, Webflow, Mast, GSAP
Praxis Leandra Isler
Inspo
Website
/ 

Praxis Leandra Isler

3.10.25
Health & Wellness, Personal, Portfolio, Webflow, GSAP
Ditto
Inspo
Website
/ 

Ditto

3.10.25
SAAS, Dev Tools, Data Management, Marketing, Webflow
Frontify
Inspo
Website
/ 
App

Frontify

3.10.25
Creative, Assets, App, Marketing, Webflow
Fleur MCP App Store
Tools
App
/ 

Fleur MCP App Store

3.10.25
AI, App, Gallery, Claude
Memberstack
Tools
App
/ 

Memberstack

12.3.19
No-code, SAAS, Authentication, Memberships, Extending, Backend, Custom Code, Webflow
Fondu
Inspo
Website
/ 

Fondu

3.6.25
Creative, Film, Agency, Portfolio, Webflow, GSAP, Joseph Berry
Pasha Ink
Inspo
Website
/ 

Pasha Ink

3.4.25
Creative, Personal, Portfolio, Webflow, Mapbox, Artemii Lebedev
The Banshies
Inspo
Website
/ 

The Banshies

3.4.25
Music, Portfolio, Marketing, Webflow, GSAP, Artemii Lebedev
BrandFolio
Tools
Directory
/ 
Website

BrandFolio

3.4.25
Creative, Brand Guide, Gallery, Framer
Structify
Inspo
Website
/ 

Structify

3.4.25
Data Management, SAAS, Marketing, Webflow
Bond
Inspo
Website
/ 

Bond

3.4.25
Creative, Agency, Portfolio, Webflow, GSAP, También Studio
Kuba
Inspo
Website
/ 

Kuba

3.4.25
Creative, Personal, Portfolio, Framer
Church Canvas
Inspo
Website
/ 
App

Church Canvas

3.4.25
Creative, Religious, AI, Assets, Workflow, Webflow
Flowblock Webflow App
Tools
Utility
/ 

Flowblock Webflow App

3.3.25
No-code, Dev Tools, Extending, Javascript, CSS, Custom Code, Workflow, Webflow
FC88
Inspo
Website
/ 

FC88

3.3.25
Sports, Apparel, Landing, Webflow, GSAP
GRAPHICHUNTERS
Inspo
Website
/ 

GRAPHICHUNTERS

3.3.25
Creative, Agency, Portfolio, Webflow, GSAP
Human After All
Inspo
Website
/ 

Human After All

3.2.25
Creative, Agency, Portfolio, Webflow, Code & Wander
Siena Film Foundation
Inspo
Website
/ 

Siena Film Foundation

3.2.25
Film, Creative, Marketing, Webflow, GSAP, Niccolò Miranda
HockeyStack
Inspo
Website
/ 

HockeyStack

3.2.25
AI, Data Management, Marketing, Webflow, GSAP, Quarter Digital
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.