User:ChaoticShadow/sandbox/8: Difference between revisions

Content added Content deleted

VisualWikitext

Inline

Revision as of 02:34, 30 October 2021

Hard Preview

Release Date

2021/08/18

Illust

Sidu

Movie

Lye

Hard Preview

Release Date

2021/08/18

Illust

Sidu

Movie

Lye

Hard Preview

Release Date

2021/08/18

Illust

Sidu

Movie

Lye

@@ Line 1: / Line 1: @@
-{{{!}} style="display:inline-table; padding:5px;"
+<div style="display: inline-block; margin-right: 5px">
-! colspan="3" style="height:25px; border-radius:6px; background-color:#FFA900" {{!}} Hard Preview
+<div style="border-radius:6px; background-color:#FFA900; font-weight: bold; text-align: center; margin-bottom: 5px; padding: 5px">Hard Preview</div>
+<div style="display:flex; flex-wrap:wrap; gap: 5px">
-{{!}}-
-! rowspan="7" {{!}} <youtube width="320" height="180">BfO7ceHcMW4</youtube>
+<div style="flex: 1 0 1px; text-align: center;"><youtube width="320" height="180">BfO7ceHcMW4</youtube></div>
+<div style="display:grid; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; gap: 5px">
-{{!}}-
-! style="width:100px; border-radius:6px; background-color:#ffd071" {{!}} Release Date
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Release Date</div>
-{{!}} style="width:90px" {{!}} 2021/08/18
+<div style="padding: 5px">2021/08/18</div>
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Illust</div>
-{{!}}-
+<div style="padding: 5px">Sidu</div>
-{{!}} colspan="5" {{!}} <br><br><br><br><br>
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Movie</div>
-{{!}}}
+<div style="padding: 5px">Lye</div>
+</div>
+</div>
+</div>
-<div style="display: inline-block">
+<div style="display: inline-block; margin-right: 5px">
+<div style="border-radius:6px; background-color:#FFA900; font-weight: bold; text-align: center; margin-bottom: 5px; padding: 5px">Hard Preview</div>
+<div style="display:flex; flex-wrap:wrap; gap: 5px">
+<div style="flex: 1 0 1px; text-align: center;"><youtube width="320" height="180">BfO7ceHcMW4</youtube></div>
+<div style="display:grid; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; gap: 5px">
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Release Date</div>
+<div style="padding: 5px">2021/08/18</div>
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Illust</div>
+<div style="padding: 5px">Sidu</div>
+<div style="border-radius:6px; background-color:#a7ee75; padding: 5px 10px">Movie</div>
+<div style="padding: 5px">Lye</div>
+</div>
+</div>
+</div>
+<div style="display: inline-block; margin-right: 5px">
 <div style="border-radius:6px; background-color:#FFA900; font-weight: bold; text-align: center; margin-bottom: 5px; padding: 5px">Hard Preview</div>
 <div style="display:flex; flex-wrap:wrap; gap: 5px">