Block Grid

Basic grid layout system for organizing content.

Item 1

Descripción...

¿Qué es Twig?

¿Qué es Twig?

Una ramita.

Item 1

Descripción...

¿Qué es Twig?

¿Qué es Twig?

Una ramita.

{# derafu_twig:templates/pages/components/block-grid.html.twig #}

{% extends 'layouts/default.html.twig' %}

{% block content %}

{% set grid_item_1 %}
    <h2>Item 1</h2>
    <p>Descripción...</p>
{% endset %}

{% set grid_item_2 %}
    <twig:block-image
        title="¿Qué es Twig?"
        image="{{ base_path }}/img/block-hero.jpeg"
        description="<p>Una ramita.</p>"
        :buttons="[
            {
                text: 'Aprende sobre Twig',
                url: 'https://twig.symfony.com/'
            }
        ]"
    />
{% endset %}

<twig:block-grid
    :items="[
        grid_item_1,
        grid_item_2,
    ]"
/>

<twig:block-grid
    cols="4"
    :items="[
        grid_item_1,
        grid_item_2,
    ]"
/>
{% endblock %}