<< Go back

Embed image - aspect ratios

1 : 1

<img width="500" class="aspect-square object-cover" src="https://cdn.web.bas.ac.uk/bas-style-kit/0.7.4/images/responsive-image.jpg" alt="">

4 : 3

<img width="500" class="aspect-4/3 object-cover" src="https://cdn.web.bas.ac.uk/bas-style-kit/0.7.4/images/responsive-image.jpg" alt="">

16 : 9

<img width="500" class="aspect-16/9 object-cover" src="https://cdn.web.bas.ac.uk/bas-style-kit/0.7.4/images/responsive-image.jpg" alt="">

16 : 9 - with position

<img width="500" class="aspect-16/9 object-cover object-bottom" src="https://cdn.web.bas.ac.uk/bas-style-kit/0.7.4/images/responsive-image.jpg" alt="">