From 0aa774b21f9e81486df09b701322f90c53b5d24c Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Wed, 29 Nov 2023 23:22:59 +0100
Subject: [PATCH] avoid fill-available as pointed out by w3 css validator

---
 index.html        | 4 ++--
 styles/global.css | 6 +-----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 42ed7e0..0afeb16 100644
--- a/index.html
+++ b/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
 		-->
diff --git a/styles/global.css b/styles/global.css
index 7263b53..17c543e 100644
--- a/styles/global.css
+++ b/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