Revision as of 15:28, 24 January 2025

Bento Grid Layout

Large Item

Small Item 1

Small Item 2

Medium Item 1

Medium Item 2

Medium Item 3

@@ Line 1: / Line 1: @@
 <html>
+<style>
+.bento-item {
+            height: 200px;
+            border-radius: 15px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: bold;
+            color: white;
+            transition: transform 0.3s ease;
+        }
+        .bento-item:hover {
+            transform: scale(1.05);
+        }
+        .bento-tall {
+            height: 410px;
+        }
+</style>
 <div class="container my-5">
      <h1 class="text-center mb-4">Bento Grid Layout</h1>