Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.img-cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; } .img-contain { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #f5f5f5; } picture source, img { max-width: 100%; height: auto; display: block; }
Result
Open