Encore de la mise en page

assets/styles/app.css

@@ -206,7 +206,7 @@ img, .contenu-flex {
 }
 
 main h1 {
-  font-size: 2.0em;
+  font-size: 1.9em;
   color: #263238;
 }
 
@@ -338,7 +338,7 @@ main h1 a:hover {
   }
   
   main {
-    padding: 0 20px;
+    padding: 20px 20px;
    
   }
 }

templates/index/index.html.twig

@@ -8,13 +8,13 @@
     <section id="section-articles">
         {% for article in articles %}
             <article class="article-preview">
-                <div class="titre-article">
+                <header class="titre-article">
                     <h1><a href="{{ path('app_view', {'slug': article.slug}) }}">{{ article.title}}</a></h1>
                     <p class="article-by">{{ article.publicationDate | format_date('long') }} - {{ article.author }}</p>
-                </div>
-                <div class="contenu">
+                </header>
+                <section class="contenu">
                     {{ article.content | markdown }}
-                </div>
+                </section>
             </article>
             <a href="{{ path('app_view', {'slug': article.slug}) }}">Voir l'article</a>
             {% if is_granted('edit', article) %}

templates/view/index.html.twig

@@ -13,14 +13,12 @@
 
 <div>
     <article class="article">
-        <header>
-            <div class="titre-article">
-                <h1>{{ article.title}}</h1>
-                <p class="article-by">{{ article.publicationDate | format_date('long')}} - {{ article.author }}</p>
-            </div>
+        <header class="titre-article">
+            <h1>{{ article.title}}</h1>
+            <p class="article-by">{{ article.publicationDate | format_date('long')}} - {{ article.author }}</p>
         </header>
         <section class="contenu">
-                {{ article.content | markdown }}
+            {{ article.content | markdown }}
         </section>
         <footer></footer>
     </article>