avoid fill-available as pointed out by w3 css validator

index.html

@@ -179,7 +179,7 @@
 		<!--
 			TITLE AREA
 		-->
-<section id="title_area" class="section">
+<div id="title_area" class="section">
 	<div role="heading" aria-level="1" title="hugo lamy" id="name" style="gap:10px 30px;" data-flex="horizontal center wrap">
 <pre aria-hidden="true">
          
@@ -212,7 +212,7 @@
                                  
 </pre>
 	</div>
-</section>
+</div>
 		<!--
 			END TITLE AREA
 		-->

styles/global.css

@@ -32,11 +32,7 @@
 /*
  width :		-parent- content
 */
-[data-flex~="parent"]  {
-	width: -moz-available;          /* WebKit-based browsers will ignore this. */
-	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
-	width: fill-available;
-}
+[data-flex~="parent"]  { width: 100%; }
 [data-flex~="content"] { width: fit-content; }
 /*
  position :		-center- left right top bottom