Symfony file structure
You can check our main layout code structure for new page design
{% extends 'partials/layout.html.twig' %}
{% block content %}
<!-- Start All Card -->
<div class="flex flex-col gap-5 min-h-[calc(100vh-188px)] sm:min-h-[calc(100vh-204px)]">
<div class="grid grid-cols-1 xl:grid-cols-2 gap-5">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
..... ...... ...... ...... ......
</div>
<div class="grid md:grid-cols-2 gap-5">
..... ...... ...... ...... ......
</div>
</div>
<div class="grid grid-cols-1 xl:grid-cols-2 gap-5">
..... ...... ...... ...... ......
</div>
<div class="grid grid-cols-1 gap-5">
..... ...... ...... ...... ......
</div>
</div>
<!-- End All Card -->
{% endblock %}
{% block script %}
<!-- ApexCharts js -->
<script src="{{ asset('assets/js/apexcharts.js') }}"></script>
<script src="{{ asset('assets/js/apex-analytics.js') }}"></script>
{% endblock %}