diff --git a/projects/demo/src/modules/experimental/card-large/examples/13/index.html b/projects/demo/src/modules/experimental/card-large/examples/13/index.html
new file mode 100644
index 000000000000..72cf5200e8c3
--- /dev/null
+++ b/projects/demo/src/modules/experimental/card-large/examples/13/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
diff --git a/projects/demo/src/modules/experimental/card-large/examples/13/index.less b/projects/demo/src/modules/experimental/card-large/examples/13/index.less
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/projects/demo/src/modules/experimental/card-large/examples/13/index.ts b/projects/demo/src/modules/experimental/card-large/examples/13/index.ts
new file mode 100644
index 000000000000..d837ec84a2ae
--- /dev/null
+++ b/projects/demo/src/modules/experimental/card-large/examples/13/index.ts
@@ -0,0 +1,12 @@
+import {Component} from '@angular/core';
+import {changeDetection} from '@demo/emulate/change-detection';
+import {encapsulation} from '@demo/emulate/encapsulation';
+
+@Component({
+ selector: 'tui-card-large-example-13',
+ templateUrl: './index.html',
+ styleUrls: ['./index.less'],
+ encapsulation,
+ changeDetection,
+})
+export class TuiCardLargeExample13 {}
diff --git a/projects/demo/src/modules/experimental/card-large/examples/8/index.html b/projects/demo/src/modules/experimental/card-large/examples/8/index.html
index da48ec4b2c26..8e8d0b88102a 100644
--- a/projects/demo/src/modules/experimental/card-large/examples/8/index.html
+++ b/projects/demo/src/modules/experimental/card-large/examples/8/index.html
@@ -2,11 +2,10 @@
tuiCardLarge
tuiSurface="elevated"
>
-
-
-
-
-
+
-
-
- Some text
-
-
+
+
diff --git a/projects/demo/src/modules/experimental/card-large/examples/8/index.less b/projects/demo/src/modules/experimental/card-large/examples/8/index.less
index 2ea2cb93864c..dc3140046ad7 100644
--- a/projects/demo/src/modules/experimental/card-large/examples/8/index.less
+++ b/projects/demo/src/modules/experimental/card-large/examples/8/index.less
@@ -1,6 +1,5 @@
:host {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 1rem;
- width: 30rem;
+ display: flex;
+ flex-direction: column;
+ gap: 2rem;
}
diff --git a/projects/demo/src/modules/experimental/card-large/examples/9/index.html b/projects/demo/src/modules/experimental/card-large/examples/9/index.html
index 72cf5200e8c3..da48ec4b2c26 100644
--- a/projects/demo/src/modules/experimental/card-large/examples/9/index.html
+++ b/projects/demo/src/modules/experimental/card-large/examples/9/index.html
@@ -3,22 +3,40 @@
tuiSurface="elevated"
>
+
+
+
+
Title
-
Subtitle
-
+
Description
+
+
+
+
+
+
+
-
+ Some text