Skip to content

Commit 89f8538

Browse files
committed
Update README
1 parent 73b57ef commit 89f8538

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,15 @@ Combine the `aspect-w-{n}` and `aspect-h-{n}` classes to specify the aspect rati
4040
</div>
4141
```
4242

43+
Use `aspect-none` to remove any aspect ratio behavior:
44+
45+
```html
46+
<div class="aspect-w-16 aspect-h-9 lg:aspect-none">
47+
<!-- ... -->
48+
</div>
49+
```
50+
51+
4352
Note that due to the way this currently needs to be implemented ([the old padding-bottom trick](https://css-tricks.com/aspect-ratio-boxes/)) you need to assign the aspect ratio to a _parent_ element, and make the actual element you are trying to size the only child of that parent.
4453

4554
Once the [`aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio) is supported in modern browsers, we'll add official support to Tailwind CSS itself and deprecate this plugin.

0 commit comments

Comments
 (0)