diff --git a/public/styles/css/style.css b/public/styles/css/style.css
index 8cef795..1be0dd3 100644
--- a/public/styles/css/style.css
+++ b/public/styles/css/style.css
@@ -378,9 +378,11 @@ th.dt-center, td.dt-center { text-align: center; }
 .member{display:flex; flex-direction: column; align-items: center; background-color: var(--colorbgbodydarkdarker); border-radius:10px; padding:10px;}
 .member img{border-radius:100%;width:60px; height: 60px;}
 @media (max-width: 980px) {
-    .grid-sizer { width:  10%;  margin-bottom: 0%;}
+    .grid-sizer { width: 5%;  margin-bottom: 0%;}
     .grid-item-size  { width:  50%;  margin-bottom: 0%;}
     .grid-item-size-small-3 { width: 30%}
+    .grid-item-mini-50  { width:  50%;  margin-bottom: 0%;}
+    .grid-item-mini-25  { width:  25%;  margin-bottom: 0%;}
 }
 
 
diff --git a/templates/Home/home.html.twig b/templates/Home/home.html.twig
index 47e9fa4..310e594 100644
--- a/templates/Home/home.html.twig
+++ b/templates/Home/home.html.twig
@@ -204,7 +204,7 @@
             <div class="grid-item grid-item-size grid-item-size-3 grid-item-size-square cssfilter" style="height:200px;background-position: center; background-size: cover; background-image: url(/{{ appAlias }}/uploads/image/{{ app.session.get("imgcontact")}});">
             </div>
             
-            <div class="grid-item grid-item-size grid-item-size-6 grid-item-size-noresize" style="padding:0px 15px;">
+            <div class="grid-item grid-item-size grid-item-size-6 grid-item-size-noresize" style="padding:0px 15px;word-break:break-word;">
                 <h1 style="border:none; padding:0px;">{{ app.session.get("appname")}}</h1>
                 
                 {% if not app.session.get("appsubname") is empty %}
diff --git a/templates/Home/user.html.twig b/templates/Home/user.html.twig
index 430e806..4d98aa3 100644
--- a/templates/Home/user.html.twig
+++ b/templates/Home/user.html.twig
@@ -226,6 +226,7 @@
                         {% set appthumbheight=category.appthumbheight %}
                     {% endif %}
 
+                    {% set classmini="" %}
                     {% if appthumbwidth==0 %}
                         {% set class="" %}    
                         {% if loop.index < 40 %}     
@@ -247,6 +248,12 @@
                                 {% set class="grid-item-size-2" %}            
                             {% endif %}
                         {% endif %}
+
+                        {% if (loop.index - 1) % 8 == 0 %}
+                            {% set classmini = 'grid-item-mini-50' %}
+                        {% else %}
+                            {% set classmini = 'grid-item-mini-25' %}
+                        {% endif %}                        
                     {% elseif appthumbwidth==1 %} {% set class="" %}
                     {% elseif appthumbwidth==2 %} {% set class="grid-item-size-2" %}
                     {% endif %}
@@ -265,7 +272,7 @@
                     {% endif %}
 
                     <a href="{{ path("app_illustration_view",{"by":"user","idcat":category.id,"id":illustration.id}) }}">
-                        <div id="illustration{{illustration.id}}" class="grid-item grid-item-size {{class}} cssfilter cssfilter-{{category.id}} no-cache-bg" data-width="{{illustration.width}}"  data-background-image="/{{ appAlias }}/uploads/illustration/{{source}}"  data-height="{{illustration.height}}" style="height:auto;background-position: center ; background-size: cover; background-image: url(/{{ appAlias }}/uploads/illustration/{{source}}");">
+                        <div id="illustration{{illustration.id}}" class="grid-item grid-item-size {{class}} {{classmini}} cssfilter cssfilter-{{category.id}} no-cache-bg" data-width="{{illustration.width}}"  data-background-image="/{{ appAlias }}/uploads/illustration/{{source}}"  data-height="{{illustration.height}}" style="height:auto;background-position: center ; background-size: cover; background-image: url(/{{ appAlias }}/uploads/illustration/{{source}}");">
                         </div>
                     </a>
                 {% endfor %}        
@@ -319,7 +326,7 @@
 
         </div>
         
-        <div class="grid-item grid-item-size grid-item-size-6 grid-item-size-noresize" style="padding:0px 15px;">
+        <div class="grid-item grid-item-size grid-item-size-6 grid-item-size-noresize" style="padding:0px 15px;word-break:break-word;">
             <h3>{{ user.pseudo }}</h3>
             {% if not config.appsubname is empty %}
                 {{ config.appsubname }}<br>