<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<f:variable name="gap" value="{settings.gap}" />
<f:variable name="bgColor" value="{settings.backgroundColor}" />
<f:variable name="spacing" value="{settings.verticalSpacing}" />

<section class="{bgColor} {spacing}">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-6 gap-{gap}">
            <div class="col-span-1">
                <f:for each="{children_601}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
            <div class="col-span-1">
                <f:for each="{children_602}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
            <div class="col-span-1">
                <f:for each="{children_603}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
            <div class="col-span-1">
                <f:for each="{children_604}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
            <div class="col-span-1">
                <f:for each="{children_605}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
            <div class="col-span-1">
                <f:for each="{children_606}" as="child">
                    <f:format.raw>{child.renderedContent}</f:format.raw>
                </f:for>
            </div>
        </div>
    </div>
</section>

</html>
