responsive

web/themes/custom/popsu_colloque/template/block/block--mainpagecontent.html.twig

@@ -28,14 +28,22 @@
  */
 #}
 
-{% set id = [elements][0].content['#view_id'] %}
-<div class="container {{id}}">
-{% if id == 'programme' %}
+{% set class = [elements][0].content['#view_id'] %}
+
+{% if class == 'programme' or class == 'publications' or class == 'bibliographie'  %}
+  {% set addClass = 'container' %}
+{% endif %}
+
+
+<div class="{{class}} {{addClass}}">
+
+{% if class == 'programme' %}
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>
   {% endif %}
 {% endif %}
+
   {{ title_suffix }}
   {% block content %}
     {{ content }}

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-3.html.twig

@@ -27,7 +27,7 @@
  * @ingroup themeable
  */
 #}
-<div{{ attributes }}>
+<div{{ attributes }} class="col-12 col-md-6 px-0 col-lg-12">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-4.html.twig

@@ -27,7 +27,7 @@
  * @ingroup themeable
  */
 #}
-<div{{ attributes }} class="col-3">
+<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-5.html.twig

@@ -29,7 +29,7 @@
 #}
 
 
-<div{{ attributes }} class="col-3">
+<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock.html.twig

@@ -27,10 +27,10 @@
  * @ingroup themeable
  */
 #}
-<div class="col-6">
+<div class="col-12 d-md-flex d-lg-block col-lg-4">
 
 
-<div{{ attributes }}>
+<div{{ attributes }} class="col-12 col-md-6 col-lg-12 px-0">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>