Block Grid
Basic grid layout system for organizing content.
Item 1
Descripción...
¿Qué es Twig?

Una ramita.
Item 1
Descripción...
¿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 %}