Home

>

Glossary

>

Aspect Ratio CSS

Aspect Ratio CSS

What is aspect-ratio in CSS?

The CSS aspect-ratio property sets a preferred width-to-height ratio for an element. It keeps proportions constant without resorting to the padding-bottom hack, and simplifies ratio handling for images, videos and responsive containers.

Rankeo logo with a white upward arrow inside a red and blue gradient pin, on a light background with a blurred pie chart.
Bright white and yellow logo with a stylized hexagonal shape on the left and the capital letters EGRCM on the right, on a black gradient background.
Creamy dessert with red coulis in a square aluminium dish, promotional image for the no.1 crêperie L'Atelier.
WizzTalk logo with a globe icon and speech bubble on an orange background.
ENNECO logo with an abstract symbol of three interlocking diamonds on a purple background.
FreelanceHouse logo with a stylized house icon on a green gradient background.
Web page showing dry soil next to fertile soil with plants, copy about recharging soil naturally, and statistics on depleted soils.
White 'charbon' wordmark with a stylized red symbol on a black background with red sparks and a red circle holding a white right-pointing arrow.
Montage of the LimeLight app with a phone showing the logo, photos of people, and copy about self-expression and the power of 15 memorable seconds.
French web page for Terra Vitae with soil imagery, product step illustrations, customer reviews, a ready-to-use kit, an FAQ and a call for professionals.
Ad for the digital agency Charbon offering an action plan to double your revenue in 120 days at 60% margin, including a before-and-after comparison with and without Charbon.
Screenshot of a web page for an orthodontic service with simple steps, images of smiles, a mobile app and a black LYNER case holding a clear dental aligner.
Portrait of a smiling bearded man on a black background with a red gradient at the bottom and the word 'charbon' overlaid.
Lyner web page presenting clear orthodontic aligners in a black case, with sections on smile innovation, benefits such as transparency, comfort, durability and medical precision, and a mobile app for orthodontic expertise.
Page d'accueil de la Maison Lartigue présentant charcuterie du Sud-Ouest et foie gras mi-cuit artisanal, événements, témoignages clients, responsabilité sociétale, produits en vente flash et inscription à la newsletter.
MaReduc ad with red gifts tied in gold ribbon, a 50% discount promotion, and prompts not to miss the exclusive online offers.
Montage of burgers with fresh ingredients, people holding and eating them, showcasing the Made with love brand and the slogan Beyond Smash Burger We Create Experiences.
Ma-reduc visual identity presentation with the logo, Poppins typefaces, smartphone and card mockups, and a color palette.
Ma Reduc logo with a stylized price tag on a red background with yellow and orange shapes.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Rankeo logo with a white upward arrow inside a red and blue gradient pin, on a light background with a blurred pie chart.
Bright white and yellow logo with a stylized hexagonal shape on the left and the capital letters EGRCM on the right, on a black gradient background.
Creamy dessert with red coulis in a square aluminium dish, promotional image for the no.1 crêperie L'Atelier.
WizzTalk logo with a globe icon and speech bubble on an orange background.
ENNECO logo with an abstract symbol of three interlocking diamonds on a purple background.
FreelanceHouse logo with a stylized house icon on a green gradient background.
Web page showing dry soil next to fertile soil with plants, copy about recharging soil naturally, and statistics on depleted soils.
White 'charbon' wordmark with a stylized red symbol on a black background with red sparks and a red circle holding a white right-pointing arrow.
Montage of the LimeLight app with a phone showing the logo, photos of people, and copy about self-expression and the power of 15 memorable seconds.
French web page for Terra Vitae with soil imagery, product step illustrations, customer reviews, a ready-to-use kit, an FAQ and a call for professionals.
Ad for the digital agency Charbon offering an action plan to double your revenue in 120 days at 60% margin, including a before-and-after comparison with and without Charbon.
Screenshot of a web page for an orthodontic service with simple steps, images of smiles, a mobile app and a black LYNER case holding a clear dental aligner.
Portrait of a smiling bearded man on a black background with a red gradient at the bottom and the word 'charbon' overlaid.
Lyner web page presenting clear orthodontic aligners in a black case, with sections on smile innovation, benefits such as transparency, comfort, durability and medical precision, and a mobile app for orthodontic expertise.
Page d'accueil de la Maison Lartigue présentant charcuterie du Sud-Ouest et foie gras mi-cuit artisanal, événements, témoignages clients, responsabilité sociétale, produits en vente flash et inscription à la newsletter.
MaReduc ad with red gifts tied in gold ribbon, a 50% discount promotion, and prompts not to miss the exclusive online offers.
Montage of burgers with fresh ingredients, people holding and eating them, showcasing the Made with love brand and the slogan Beyond Smash Burger We Create Experiences.
Ma-reduc visual identity presentation with the logo, Poppins typefaces, smartphone and card mockups, and a color palette.
Ma Reduc logo with a stylized price tag on a red background with yellow and orange shapes.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Simpli QR logo with gradient squares on the left, on a black background.
Montage showing rooftop solar panels, the HABITavenir logo, a worker in a hard hat, and a mobile interface with copy about photovoltaic panels.
Man in a suit facing a glowing key-shaped door with the INSF logo, next to INSF ads including a man climbing stairs captioned 'Every Monday is a fresh start. This one could change your business.' and a person on a laptop in bed captioned 'We know what it's like to spend nights thinking about growth.'
White Gettify logo on a blue background with copy citing 300+ certified IT professionals.
Silver Head Balance device on a wooden bridge with a person meditating before a misty landscape.
Color palette and design elements for 'Hare Hunting' with French copy inviting you to find a treasure in the darkness of Paris, and two stylized white eyes on black.
Head Balance ad showing three scenes: a blue silhouette with a green spine, a person with a cracked statue head holding their temple, and a stressed man holding a clock, promoting relief in 3 minutes.
Blue Saniforma logo with a cross-shaped symbol on a dark blue background with glowing circles.
GASPA visual identity with a blue and white logo, applied to a car, t-shirts, a smartphone, a billboard and a stylized portrait.
Interface of a messaging and photo selection app showing chat screens, new publication with grid format and side selection, photo gallery, and taking a selfie with a man indoors.
La Saint Cômenne fine-foods bottle with a cream label on a burgundy background and a pale pink circle.
V2C electric charger with its specs: 4-hour charge time, connected, load-shedding module included, 7 kW to 11 kW output, smart monitoring, 99% reliability, 3-year manufacturer warranty.
Aerial photo at sunset of a house in a housing estate with a roofer standing on the roof, lights illuminating the scene, and copy inviting you to become the go-to name for roofing in your town.
La Saint Cômenne wine bottle with a barrel-illustrated label and copy about the elegance of the art of wine, with brand color swatches.
Sliced medium-rare steak on a white board with the La Boucherie Restaurant logo and diagonal red stripes.
Wind turbines over green countryside under a cloudy sky, with the caption Power a more sustainable future and the La Bornelec Énergie logo.
Plate of fries with sliced steak and a small side bowl in the corner, with an illustration of a tattooed bear in a floral shirt and crown, and the words La Brigade Street Food Carnivore.
La Boucherie Restaurant promotional collage showing sliced steaks, the restaurant, happy diners, and franchise information.
La Saint Cômenne logo with three illustrated barrels, one with cheese, one with grapes and one with meat, under the words 'Épicerie fine'.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Simpli QR logo with gradient squares on the left, on a black background.
Montage showing rooftop solar panels, the HABITavenir logo, a worker in a hard hat, and a mobile interface with copy about photovoltaic panels.
Man in a suit facing a glowing key-shaped door with the INSF logo, next to INSF ads including a man climbing stairs captioned 'Every Monday is a fresh start. This one could change your business.' and a person on a laptop in bed captioned 'We know what it's like to spend nights thinking about growth.'
White Gettify logo on a blue background with copy citing 300+ certified IT professionals.
Silver Head Balance device on a wooden bridge with a person meditating before a misty landscape.
Color palette and design elements for 'Hare Hunting' with French copy inviting you to find a treasure in the darkness of Paris, and two stylized white eyes on black.
Head Balance ad showing three scenes: a blue silhouette with a green spine, a person with a cracked statue head holding their temple, and a stressed man holding a clock, promoting relief in 3 minutes.
Blue Saniforma logo with a cross-shaped symbol on a dark blue background with glowing circles.
GASPA visual identity with a blue and white logo, applied to a car, t-shirts, a smartphone, a billboard and a stylized portrait.
Interface of a messaging and photo selection app showing chat screens, new publication with grid format and side selection, photo gallery, and taking a selfie with a man indoors.
La Saint Cômenne fine-foods bottle with a cream label on a burgundy background and a pale pink circle.
V2C electric charger with its specs: 4-hour charge time, connected, load-shedding module included, 7 kW to 11 kW output, smart monitoring, 99% reliability, 3-year manufacturer warranty.
Aerial photo at sunset of a house in a housing estate with a roofer standing on the roof, lights illuminating the scene, and copy inviting you to become the go-to name for roofing in your town.
La Saint Cômenne wine bottle with a barrel-illustrated label and copy about the elegance of the art of wine, with brand color swatches.
Sliced medium-rare steak on a white board with the La Boucherie Restaurant logo and diagonal red stripes.
Wind turbines over green countryside under a cloudy sky, with the caption Power a more sustainable future and the La Bornelec Énergie logo.
Plate of fries with sliced steak and a small side bowl in the corner, with an illustration of a tattooed bear in a floral shirt and crown, and the words La Brigade Street Food Carnivore.
La Boucherie Restaurant promotional collage showing sliced steaks, the restaurant, happy diners, and franchise information.
La Saint Cômenne logo with three illustrated barrels, one with cheese, one with grapes and one with meat, under the words 'Épicerie fine'.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Collage of cultural and desert imagery, including camels in the desert, a man in a shawl, the ruins of Petra and historic architecture, with the words Visit Influence.
Aïkido brand presentation with a logo inspired by the aikido belt, a color palette, photos of smiling young people, and statistics on experience, product, happy clients and team members.
Terra Vitae brand presentation with images of a crop plane over a field, a farmer in blue gloves, the Terra Vitae logo, the slogan 'Ecological solutions for productive land', and a green and beige color palette.
White Apogee logo on a dark gradient background of orange, purple and blue.
Rear view of a man on stage with the words Pathé Dialo at the center on a blue background.
Dawn color palette, Tayu logo, Plus Jakarta Sans typography, and images of QR codes scanned with a smartphone and on print.
Ads for car valuation and sales, showing people, a white electric car, a seller and buyer shaking hands, and a black car with a yellow downward arrow.
Four-panel ad with young students reading and writing in a library, promoting a law course called Droit au Bac.
A crêpe shaped like the map of France with several location pins, hot chocolate being poured over it next to a cup of coffee and an empty glass on a wooden table.
Collage of drawings and patterns of stylized cat heads in blue and white with the words 'Crazy Cats' in a colorful comic style.
Aides Françaises branding composition with photos of two smiling men in business attire, red and blue logos, and Addington CF and Satoshi type palettes.
PermiFast logo over a backdrop of mobile app screens showing search, a user profile, filters and driving licence benefits.
Ecom Accelerator ad about launching in e-commerce, with an action plan and an invitation to book a free seat on Sunday 5 October at 8:30pm.
Fyt mobile app interface screens showing photo selection, publishing, a user profile and rewards on an orange background.
Elixir brand presentation with logos, a doctor in a white coat, a smartphone showing a surgical preparation app, and images of modern operating rooms.
Green pack of Franleema Detox Slim Fit tea with lemons and background copy about weight loss and a sculpted figure.
Collage presenting the Impactus RH brand with its logo, color schemes, business cards, slogans about agile IT recruitment, and photos of smiling businesspeople.
Collage of professionals working on a laptop, a team shaking hands over a calendar with a cup of coffee, and a businessman climbing stairs, with motivational copy about growing your network and changing things up every Monday.
JHD visual identity presentation with a stylized house logo, an Instagram post example featuring a construction worker, and several professional business cards.
One Poncho logo with a light brown woven motif at the center on a beige and brown background.
Collage of cultural and desert imagery, including camels in the desert, a man in a shawl, the ruins of Petra and historic architecture, with the words Visit Influence.
Aïkido brand presentation with a logo inspired by the aikido belt, a color palette, photos of smiling young people, and statistics on experience, product, happy clients and team members.
Terra Vitae brand presentation with images of a crop plane over a field, a farmer in blue gloves, the Terra Vitae logo, the slogan 'Ecological solutions for productive land', and a green and beige color palette.
White Apogee logo on a dark gradient background of orange, purple and blue.
Rear view of a man on stage with the words Pathé Dialo at the center on a blue background.
Dawn color palette, Tayu logo, Plus Jakarta Sans typography, and images of QR codes scanned with a smartphone and on print.
Ads for car valuation and sales, showing people, a white electric car, a seller and buyer shaking hands, and a black car with a yellow downward arrow.
Four-panel ad with young students reading and writing in a library, promoting a law course called Droit au Bac.
A crêpe shaped like the map of France with several location pins, hot chocolate being poured over it next to a cup of coffee and an empty glass on a wooden table.
Collage of drawings and patterns of stylized cat heads in blue and white with the words 'Crazy Cats' in a colorful comic style.
Aides Françaises branding composition with photos of two smiling men in business attire, red and blue logos, and Addington CF and Satoshi type palettes.
PermiFast logo over a backdrop of mobile app screens showing search, a user profile, filters and driving licence benefits.
Ecom Accelerator ad about launching in e-commerce, with an action plan and an invitation to book a free seat on Sunday 5 October at 8:30pm.
Fyt mobile app interface screens showing photo selection, publishing, a user profile and rewards on an orange background.
Elixir brand presentation with logos, a doctor in a white coat, a smartphone showing a surgical preparation app, and images of modern operating rooms.
Green pack of Franleema Detox Slim Fit tea with lemons and background copy about weight loss and a sculpted figure.
Collage presenting the Impactus RH brand with its logo, color schemes, business cards, slogans about agile IT recruitment, and photos of smiling businesspeople.
Collage of professionals working on a laptop, a team shaking hands over a calendar with a cup of coffee, and a businessman climbing stairs, with motivational copy about growing your network and changing things up every Monday.
JHD visual identity presentation with a stylized house logo, an Instagram post example featuring a construction worker, and several professional business cards.
One Poncho logo with a light brown woven motif at the center on a beige and brown background.
Collage of six screenshots including a Kikido logo, a fitness app interface, a creperie advertisement with food photos, a Mirais app dashboard, a dual page brochure, and a TurnEveryVisit webpage.Two overlapping app screens, the front shows a group management interface with photos and stats, the back shows a man against a green background with French text about launching in e-commerce.Miraje brand card featuring its logo, color palette with hex codes, typography samples for 'Agency' and 'Space Grotesk' fonts, and a photo of four people looking at a phone outdoors.

Unlimited requests, fast results

Submit as many briefs as you need. Our plans allow you to manage a continuous flow of design requests, without limits and without friction, and at an economic cost.

Book a call

Syntax and behavior

aspect-ratio: 16 / 9; for widescreen, 1 / 1; for a square, 4 / 3; for the classic format. The property works on every element.

Use cases

Responsive image containers, loading placeholders, uniform card grids, and video embeds. Combined with object-fit: cover, you get perfectly framed images.

Rankeo logo with a white upward arrow inside a red and blue gradient pin, on a light background with a blurred pie chart.
Bright white and yellow logo with a stylized hexagonal shape on the left and the capital letters EGRCM on the right, on a black gradient background.
Creamy dessert with red coulis in a square aluminium dish, promotional image for the no.1 crêperie L'Atelier.
WizzTalk logo with a globe icon and speech bubble on an orange background.
ENNECO logo with an abstract symbol of three interlocking diamonds on a purple background.
FreelanceHouse logo with a stylized house icon on a green gradient background.
Web page showing dry soil next to fertile soil with plants, copy about recharging soil naturally, and statistics on depleted soils.
White 'charbon' wordmark with a stylized red symbol on a black background with red sparks and a red circle holding a white right-pointing arrow.
Montage of the LimeLight app with a phone showing the logo, photos of people, and copy about self-expression and the power of 15 memorable seconds.
French web page for Terra Vitae with soil imagery, product step illustrations, customer reviews, a ready-to-use kit, an FAQ and a call for professionals.
Ad for the digital agency Charbon offering an action plan to double your revenue in 120 days at 60% margin, including a before-and-after comparison with and without Charbon.
Screenshot of a web page for an orthodontic service with simple steps, images of smiles, a mobile app and a black LYNER case holding a clear dental aligner.
Portrait of a smiling bearded man on a black background with a red gradient at the bottom and the word 'charbon' overlaid.
Lyner web page presenting clear orthodontic aligners in a black case, with sections on smile innovation, benefits such as transparency, comfort, durability and medical precision, and a mobile app for orthodontic expertise.
Page d'accueil de la Maison Lartigue présentant charcuterie du Sud-Ouest et foie gras mi-cuit artisanal, événements, témoignages clients, responsabilité sociétale, produits en vente flash et inscription à la newsletter.
MaReduc ad with red gifts tied in gold ribbon, a 50% discount promotion, and prompts not to miss the exclusive online offers.
Montage of burgers with fresh ingredients, people holding and eating them, showcasing the Made with love brand and the slogan Beyond Smash Burger We Create Experiences.
Ma-reduc visual identity presentation with the logo, Poppins typefaces, smartphone and card mockups, and a color palette.
Ma Reduc logo with a stylized price tag on a red background with yellow and orange shapes.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Rankeo logo with a white upward arrow inside a red and blue gradient pin, on a light background with a blurred pie chart.
Bright white and yellow logo with a stylized hexagonal shape on the left and the capital letters EGRCM on the right, on a black gradient background.
Creamy dessert with red coulis in a square aluminium dish, promotional image for the no.1 crêperie L'Atelier.
WizzTalk logo with a globe icon and speech bubble on an orange background.
ENNECO logo with an abstract symbol of three interlocking diamonds on a purple background.
FreelanceHouse logo with a stylized house icon on a green gradient background.
Web page showing dry soil next to fertile soil with plants, copy about recharging soil naturally, and statistics on depleted soils.
White 'charbon' wordmark with a stylized red symbol on a black background with red sparks and a red circle holding a white right-pointing arrow.
Montage of the LimeLight app with a phone showing the logo, photos of people, and copy about self-expression and the power of 15 memorable seconds.
French web page for Terra Vitae with soil imagery, product step illustrations, customer reviews, a ready-to-use kit, an FAQ and a call for professionals.
Ad for the digital agency Charbon offering an action plan to double your revenue in 120 days at 60% margin, including a before-and-after comparison with and without Charbon.
Screenshot of a web page for an orthodontic service with simple steps, images of smiles, a mobile app and a black LYNER case holding a clear dental aligner.
Portrait of a smiling bearded man on a black background with a red gradient at the bottom and the word 'charbon' overlaid.
Lyner web page presenting clear orthodontic aligners in a black case, with sections on smile innovation, benefits such as transparency, comfort, durability and medical precision, and a mobile app for orthodontic expertise.
Page d'accueil de la Maison Lartigue présentant charcuterie du Sud-Ouest et foie gras mi-cuit artisanal, événements, témoignages clients, responsabilité sociétale, produits en vente flash et inscription à la newsletter.
MaReduc ad with red gifts tied in gold ribbon, a 50% discount promotion, and prompts not to miss the exclusive online offers.
Montage of burgers with fresh ingredients, people holding and eating them, showcasing the Made with love brand and the slogan Beyond Smash Burger We Create Experiences.
Ma-reduc visual identity presentation with the logo, Poppins typefaces, smartphone and card mockups, and a color palette.
Ma Reduc logo with a stylized price tag on a red background with yellow and orange shapes.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Simpli QR logo with gradient squares on the left, on a black background.
Montage showing rooftop solar panels, the HABITavenir logo, a worker in a hard hat, and a mobile interface with copy about photovoltaic panels.
Man in a suit facing a glowing key-shaped door with the INSF logo, next to INSF ads including a man climbing stairs captioned 'Every Monday is a fresh start. This one could change your business.' and a person on a laptop in bed captioned 'We know what it's like to spend nights thinking about growth.'
White Gettify logo on a blue background with copy citing 300+ certified IT professionals.
Silver Head Balance device on a wooden bridge with a person meditating before a misty landscape.
Color palette and design elements for 'Hare Hunting' with French copy inviting you to find a treasure in the darkness of Paris, and two stylized white eyes on black.
Head Balance ad showing three scenes: a blue silhouette with a green spine, a person with a cracked statue head holding their temple, and a stressed man holding a clock, promoting relief in 3 minutes.
Blue Saniforma logo with a cross-shaped symbol on a dark blue background with glowing circles.
GASPA visual identity with a blue and white logo, applied to a car, t-shirts, a smartphone, a billboard and a stylized portrait.
Interface of a messaging and photo selection app showing chat screens, new publication with grid format and side selection, photo gallery, and taking a selfie with a man indoors.
La Saint Cômenne fine-foods bottle with a cream label on a burgundy background and a pale pink circle.
V2C electric charger with its specs: 4-hour charge time, connected, load-shedding module included, 7 kW to 11 kW output, smart monitoring, 99% reliability, 3-year manufacturer warranty.
Aerial photo at sunset of a house in a housing estate with a roofer standing on the roof, lights illuminating the scene, and copy inviting you to become the go-to name for roofing in your town.
La Saint Cômenne wine bottle with a barrel-illustrated label and copy about the elegance of the art of wine, with brand color swatches.
Sliced medium-rare steak on a white board with the La Boucherie Restaurant logo and diagonal red stripes.
Wind turbines over green countryside under a cloudy sky, with the caption Power a more sustainable future and the La Bornelec Énergie logo.
Plate of fries with sliced steak and a small side bowl in the corner, with an illustration of a tattooed bear in a floral shirt and crown, and the words La Brigade Street Food Carnivore.
La Boucherie Restaurant promotional collage showing sliced steaks, the restaurant, happy diners, and franchise information.
La Saint Cômenne logo with three illustrated barrels, one with cheese, one with grapes and one with meat, under the words 'Épicerie fine'.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Simpli QR logo with gradient squares on the left, on a black background.
Montage showing rooftop solar panels, the HABITavenir logo, a worker in a hard hat, and a mobile interface with copy about photovoltaic panels.
Man in a suit facing a glowing key-shaped door with the INSF logo, next to INSF ads including a man climbing stairs captioned 'Every Monday is a fresh start. This one could change your business.' and a person on a laptop in bed captioned 'We know what it's like to spend nights thinking about growth.'
White Gettify logo on a blue background with copy citing 300+ certified IT professionals.
Silver Head Balance device on a wooden bridge with a person meditating before a misty landscape.
Color palette and design elements for 'Hare Hunting' with French copy inviting you to find a treasure in the darkness of Paris, and two stylized white eyes on black.
Head Balance ad showing three scenes: a blue silhouette with a green spine, a person with a cracked statue head holding their temple, and a stressed man holding a clock, promoting relief in 3 minutes.
Blue Saniforma logo with a cross-shaped symbol on a dark blue background with glowing circles.
GASPA visual identity with a blue and white logo, applied to a car, t-shirts, a smartphone, a billboard and a stylized portrait.
Interface of a messaging and photo selection app showing chat screens, new publication with grid format and side selection, photo gallery, and taking a selfie with a man indoors.
La Saint Cômenne fine-foods bottle with a cream label on a burgundy background and a pale pink circle.
V2C electric charger with its specs: 4-hour charge time, connected, load-shedding module included, 7 kW to 11 kW output, smart monitoring, 99% reliability, 3-year manufacturer warranty.
Aerial photo at sunset of a house in a housing estate with a roofer standing on the roof, lights illuminating the scene, and copy inviting you to become the go-to name for roofing in your town.
La Saint Cômenne wine bottle with a barrel-illustrated label and copy about the elegance of the art of wine, with brand color swatches.
Sliced medium-rare steak on a white board with the La Boucherie Restaurant logo and diagonal red stripes.
Wind turbines over green countryside under a cloudy sky, with the caption Power a more sustainable future and the La Bornelec Énergie logo.
Plate of fries with sliced steak and a small side bowl in the corner, with an illustration of a tattooed bear in a floral shirt and crown, and the words La Brigade Street Food Carnivore.
La Boucherie Restaurant promotional collage showing sliced steaks, the restaurant, happy diners, and franchise information.
La Saint Cômenne logo with three illustrated barrels, one with cheese, one with grapes and one with meat, under the words 'Épicerie fine'.
Three burgers with sesame buns, lettuce, tomato, cheese, pickles, onion and bacon, with the words 'Made. with love' and 'Bigger Flavor. Bolder Bites. Better Burgers.'
Collage of cultural and desert imagery, including camels in the desert, a man in a shawl, the ruins of Petra and historic architecture, with the words Visit Influence.
Aïkido brand presentation with a logo inspired by the aikido belt, a color palette, photos of smiling young people, and statistics on experience, product, happy clients and team members.
Terra Vitae brand presentation with images of a crop plane over a field, a farmer in blue gloves, the Terra Vitae logo, the slogan 'Ecological solutions for productive land', and a green and beige color palette.
White Apogee logo on a dark gradient background of orange, purple and blue.
Rear view of a man on stage with the words Pathé Dialo at the center on a blue background.
Dawn color palette, Tayu logo, Plus Jakarta Sans typography, and images of QR codes scanned with a smartphone and on print.
Ads for car valuation and sales, showing people, a white electric car, a seller and buyer shaking hands, and a black car with a yellow downward arrow.
Four-panel ad with young students reading and writing in a library, promoting a law course called Droit au Bac.
A crêpe shaped like the map of France with several location pins, hot chocolate being poured over it next to a cup of coffee and an empty glass on a wooden table.
Collage of drawings and patterns of stylized cat heads in blue and white with the words 'Crazy Cats' in a colorful comic style.
Aides Françaises branding composition with photos of two smiling men in business attire, red and blue logos, and Addington CF and Satoshi type palettes.
PermiFast logo over a backdrop of mobile app screens showing search, a user profile, filters and driving licence benefits.
Ecom Accelerator ad about launching in e-commerce, with an action plan and an invitation to book a free seat on Sunday 5 October at 8:30pm.
Fyt mobile app interface screens showing photo selection, publishing, a user profile and rewards on an orange background.
Elixir brand presentation with logos, a doctor in a white coat, a smartphone showing a surgical preparation app, and images of modern operating rooms.
Green pack of Franleema Detox Slim Fit tea with lemons and background copy about weight loss and a sculpted figure.
Collage presenting the Impactus RH brand with its logo, color schemes, business cards, slogans about agile IT recruitment, and photos of smiling businesspeople.
Collage of professionals working on a laptop, a team shaking hands over a calendar with a cup of coffee, and a businessman climbing stairs, with motivational copy about growing your network and changing things up every Monday.
JHD visual identity presentation with a stylized house logo, an Instagram post example featuring a construction worker, and several professional business cards.
One Poncho logo with a light brown woven motif at the center on a beige and brown background.
Collage of cultural and desert imagery, including camels in the desert, a man in a shawl, the ruins of Petra and historic architecture, with the words Visit Influence.
Aïkido brand presentation with a logo inspired by the aikido belt, a color palette, photos of smiling young people, and statistics on experience, product, happy clients and team members.
Terra Vitae brand presentation with images of a crop plane over a field, a farmer in blue gloves, the Terra Vitae logo, the slogan 'Ecological solutions for productive land', and a green and beige color palette.
White Apogee logo on a dark gradient background of orange, purple and blue.
Rear view of a man on stage with the words Pathé Dialo at the center on a blue background.
Dawn color palette, Tayu logo, Plus Jakarta Sans typography, and images of QR codes scanned with a smartphone and on print.
Ads for car valuation and sales, showing people, a white electric car, a seller and buyer shaking hands, and a black car with a yellow downward arrow.
Four-panel ad with young students reading and writing in a library, promoting a law course called Droit au Bac.
A crêpe shaped like the map of France with several location pins, hot chocolate being poured over it next to a cup of coffee and an empty glass on a wooden table.
Collage of drawings and patterns of stylized cat heads in blue and white with the words 'Crazy Cats' in a colorful comic style.
Aides Françaises branding composition with photos of two smiling men in business attire, red and blue logos, and Addington CF and Satoshi type palettes.
PermiFast logo over a backdrop of mobile app screens showing search, a user profile, filters and driving licence benefits.
Ecom Accelerator ad about launching in e-commerce, with an action plan and an invitation to book a free seat on Sunday 5 October at 8:30pm.
Fyt mobile app interface screens showing photo selection, publishing, a user profile and rewards on an orange background.
Elixir brand presentation with logos, a doctor in a white coat, a smartphone showing a surgical preparation app, and images of modern operating rooms.
Green pack of Franleema Detox Slim Fit tea with lemons and background copy about weight loss and a sculpted figure.
Collage presenting the Impactus RH brand with its logo, color schemes, business cards, slogans about agile IT recruitment, and photos of smiling businesspeople.
Collage of professionals working on a laptop, a team shaking hands over a calendar with a cup of coffee, and a businessman climbing stairs, with motivational copy about growing your network and changing things up every Monday.
JHD visual identity presentation with a stylized house logo, an Instagram post example featuring a construction worker, and several professional business cards.
One Poncho logo with a light brown woven motif at the center on a beige and brown background.
Collage of six screenshots including a Kikido logo, a fitness app interface, a creperie advertisement with food photos, a Mirais app dashboard, a dual page brochure, and a TurnEveryVisit webpage.Two overlapping app screens, the front shows a group management interface with photos and stats, the back shows a man against a green background with French text about launching in e-commerce.Miraje brand card featuring its logo, color palette with hex codes, typography samples for 'Agency' and 'Space Grotesk' fonts, and a photo of four people looking at a phone outdoors.

Unlimited requests, fast results

Submit as many briefs as you need. Our plans allow you to manage a continuous flow of design requests, without limits and without friction, and at an economic cost.

Book a call

Conclusion

Aspect-ratio is a modern CSS property that eliminates the old hacks for maintaining proportions and guarantees consistent layouts on every screen.

Key takeaways

  • Width-to-height ratio for any element
  • Syntax: 16/9 (widescreen), 1/1 (square)
  • Replaces the padding-bottom hack
  • Combines with object-fit: cover
  • Supported by every modern browser

Unlimited requests, fast results

Submit as many briefs as you like. Our plans let you manage a continuous flow of design requests, without limits or friction, and at an economical price.

Book a call
Collaboration cursor labeled You, in greenCollaboration cursor labeled Designer, in cyan
Web Design
Print
Print
Social media templates
Logo
Brand Identity
Web Design
Social media templates
Social media templates
Social media templates
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Ebook
Social media templates
Social media templates
Social media templates
Social media templates
Social media templates
Web Design
Web Design
Web Design
Print
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
UX/UI
UX/UI
UX/UI
UX/UI
UX/UI
UX/UI
Presentation Design
Presentation Design
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Website
Brand Guidelines
Web Design
Web Design
Print
Print
Social media templates
Logo
Brand Identity
Web Design
Social media templates
Social media templates
Social media templates
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Ebook
Social media templates
Social media templates
Social media templates
Social media templates
Social media templates
Web Design
Web Design
Web Design
Print
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
UX/UI
UX/UI
UX/UI
UX/UI
UX/UI
UX/UI
Presentation Design
Presentation Design
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Creative ads
Website
Brand Guidelines
Web Design
DesignElite logo, purple crown and wordmark

Design Elite

HomePortfolioCase studiesPricingAbout usAffiliateProcessCareerOur partnersSitemap
Services
Presentations
Illustrations
Print
Ebook
3D
Webdesign
UX/UI
Logo
Visual Identity
Website
Motion Design
Full website redesign
Wireframe UX
Social media templates
Logo creation
Art direction
Visual identity design
Creative ads

Solutions

Enterprise
Small & medium business
Tech
Retail
Education
In-house teams
Startups
Agencies
E-commerce

Resources

BlogPlaybookGlossary

Comparisons

Freelance
Design agency
99designs
Fiverr
Upwork
Malt

Articles by category

Web Design
Motion Design
UI/UX
Branding
Graphic design

Contact us

DemoContact formWhy us?

© 2026 Design Elite. All rights reserved

Privacy PolicyLegal NoticeCookie Policy