Add four-column grid container

2022-03-09 14:48:03 +01:00
parent 627ca684ef
commit 8f0376e133
3 changed files with 43 additions and 1 deletions
@@ -0,0 +1,18 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+      xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
+      data-namespace-typo3-fluid="true">
+
+    <f:layout name="Default"/>
+
+    <f:section name="Main">
+        <ep:container data="{data}" cssClasses="py-8">
+            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <f:for each="{children_300}" as="record">
+                    {record.renderedContent -> f:format.raw()}
+                </f:for>
+            </div>
+        </ep:container>
+    </f:section>
+
+</html>