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 %}