fixes

index.html

@@ -20,17 +20,19 @@
 
 <aside>
 
-<header>
-
-<section class="banner">
-<img class="big" src="img/vcf.svg" alt="VCF QR code.">
-<div>
-<h1>Marc Beninca</h1>
-<p class="sub">
+<article class="org"><header class="org">
+<div class="position">
+<h1 class="title">Marc Beninca</h1>
+<p class="sub">@
 <a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
 <a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a>
 </p>
-<table class="sub"><tbody>
+</div>
+</header>
+<section class="banner">
+<img class="big" src="img/vcf.svg" alt="VCF QR code.">
+<div>
+<table><tbody>
 <tr>
 <th><a href="https://marc.beninca.link/cv/en">English</a></th>
 <td class="logo"><img class="logo" src="img/en.png" alt="American flag"></td>
@@ -45,9 +47,6 @@
 </div>
 <img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
 </section>
-
-<section>
-<h2>Contact</h2>
 <table><tbody>
 <tr>
 <th>Link</th>
@@ -65,9 +64,7 @@
 <td>+33 6 07 47 84 34</td>
 </tr>
 </tbody></table>
-</section>
-
-</header>
+</article>
 
 <section>
 <h2>Skills</h2>

style/light.css

@@ -17,6 +17,8 @@ body {
 article.org, header {
     border-radius: .25em;
     padding-block: .25em;
+}
+header {
     padding-inline: .5em;
 }
 header.org {
@@ -33,6 +35,7 @@ div.org {
 }
 
 section.banner {
+    align-items: center;
     display: flex;
     justify-content: space-between;
 }
@@ -40,13 +43,12 @@ section.banner {
 h1 { font-size: 1.15rem; }
 h2 { font-size: 1.10rem; }
 h3 { font-size: 1.05rem; }
-h2, h3 {
+h1, h2, h3 {
     border-radius: .25em;
-    margin-block-start: .5em;
-    margin-inline: .125em;
 }
 h2 {
     background-color: #ccf;
+    margin-block: .25em;
     padding-block: .5em;
     text-align: center;
 }
@@ -56,7 +58,7 @@ h3 {
 }
 
 img.big {
-    block-size: 4em;
+    block-size: 5em;
 }
 img.inline {
     block-size: 1.5em;