Streamline grid container layout with minimum column count
This commit is contained in:
@@ -7,7 +7,7 @@
|
|||||||
<f:section name="Main">
|
<f:section name="Main">
|
||||||
<ep:container data="{data}" cssClasses="py-8">
|
<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}" />
|
<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 gap-8">
|
<div class="grid grid-cols-2 gap-8">
|
||||||
<f:for each="{children_300}" as="record">
|
<f:for each="{children_300}" as="record">
|
||||||
{record.renderedContent -> f:format.raw()}
|
{record.renderedContent -> f:format.raw()}
|
||||||
</f:for>
|
</f:for>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<f:section name="Main">
|
<f:section name="Main">
|
||||||
<ep:container data="{data}" cssClasses="py-8">
|
<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}" />
|
<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">
|
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8">
|
||||||
<f:for each="{children_300}" as="record">
|
<f:for each="{children_300}" as="record">
|
||||||
{record.renderedContent -> f:format.raw()}
|
{record.renderedContent -> f:format.raw()}
|
||||||
</f:for>
|
</f:for>
|
||||||
|
|||||||
+1
-5
@@ -6,11 +6,7 @@
|
|||||||
|
|
||||||
<f:section name="Main">
|
<f:section name="Main">
|
||||||
<div class="py-8 bg-ep-primary-bg">
|
<div class="py-8 bg-ep-primary-bg">
|
||||||
<f:if condition="{data.header}">
|
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
|
||||||
<div class="container mb-8">
|
|
||||||
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
|
|
||||||
</div>
|
|
||||||
</f:if>
|
|
||||||
<div class="container"
|
<div class="container"
|
||||||
data-controller="teasergrid"
|
data-controller="teasergrid"
|
||||||
data-teasergrid-grid-class="grid-cols-2"
|
data-teasergrid-grid-class="grid-cols-2"
|
||||||
|
|||||||
Reference in New Issue
Block a user