From d869ab9596132ad7c96f667027f41edfbbeead7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20UB?=
 <22903142+adrian-ub@users.noreply.github.com>
Date: Sat, 9 Nov 2024 18:00:25 -0500
Subject: [PATCH] docs: remove width

---
 .../default/example/aspect-ratio-demo.ts      | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/docs/src/registry/default/example/aspect-ratio-demo.ts b/docs/src/registry/default/example/aspect-ratio-demo.ts
index a52e3b4..6e2922c 100644
--- a/docs/src/registry/default/example/aspect-ratio-demo.ts
+++ b/docs/src/registry/default/example/aspect-ratio-demo.ts
@@ -16,19 +16,17 @@ import { Component } from '@angular/core'
     },
   ],
   template: `
-  <div class="w-96">
-    <div ubAspectRatio [ratio]="16 / 9" class="bg-muted">
-        <img
-          ngSrc="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
-          alt="Photo by Drew Beamer"
-          fill
-          class="h-full w-full rounded-md object-cover"
-          ngSrcset="640w, 750w, 828w, 1080w, 1200w, 1920w, 2048w, 3840w"
-          sizes="100vw"
-          style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
-          priority
-        />
-    </div>
+  <div ubAspectRatio [ratio]="16 / 9" class="bg-muted">
+      <img
+        ngSrc="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
+        alt="Photo by Drew Beamer"
+        fill
+        class="h-full w-full rounded-md object-cover"
+        ngSrcset="640w, 750w, 828w, 1080w, 1200w, 1920w, 2048w, 3840w"
+        sizes="100vw"
+        style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
+        priority
+      />
   </div>
   `,
 })