solved pbm with list in cv

index.html

@@ -76,7 +76,16 @@
 			CV
 		-->
 		<section id="cv" data-flex="vertical left">
-			<h2><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
+			<figure id="cv_ascii" data-flex="horizontal center wrap">
+<pre>
+     
+        
+        
+        
+      
+</pre>
+			</figure>
+			<h2 id="cv_download"><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
 			<details>
 				<summary>
 					<h2>Informatique</h2>

styles/elements/cv.css

@@ -1,36 +1,20 @@
 
 #cv {
+	/*
 	place-items: center;
+	*/
+	place-self: stretch;
+}
+#cv #cv_ascii {
+	place-self: center;
+}
+#cv #cv_download {
+	place-self: center;
 }
 
-#cv h1,
-#cv h2,
-#cv h3,
-#cv h4,
-#cv h5,
-#cv h6 {
-	/*
-	place-self: center;
-	margin-left: var(--list-padding);
-	*/
-}
 #cv details {
-	margin: 10px 0px;
+	margin: 10px 0px 10px 20px;
-}
-#cv summary {
-	/*
-	*/
-	margin-left: var(--list-padding);
-	width: fit-content;
-	margin: auto;
 }
 #cv summary + * {
 	margin-top: 10px;
 }
-
-details summary {
-	/*
-	list-style-type: none;
-	*/
-	list-style-position: outside;
-}

styles/elements/sections.css

@@ -1 +0,0 @@
-

styles/style.css

@@ -2,7 +2,6 @@ html {
 	font-size: 62.5%;
 }
 :root {
-	--list-padding: 10px;
 	--section_side_margin: 20px;
 }
 body {
@@ -63,6 +62,6 @@ section {
     ' .         mouse_4   .        ' auto
     ' banner_8  banner_8  banner_8 ' auto
     ' .         infos     .        ' auto
-	  / 1fr       auto      1fr      ;
+	  / 1fr  minmax(auto, 900px)  1fr;
 }
 

styles/text.css

@@ -10,7 +10,7 @@
 */
 body, pre {
 	font-family: "notomono", monospace;
-	font-size: 1.5rem;
+	font-size: 1.8rem;
 	font-weight: normal;
 	font-style: normal;
 }
@@ -18,8 +18,9 @@ ul {
 	/*
 	*/
 	display: block;
-	list-style-type: "• ";
+	list-style-type: "•  ";
-	padding-left: var(--list-padding);
+	padding-left: 0px;
+	list-style-position: outside;
 }
 li {
 	display: list-item;
@@ -27,6 +28,15 @@ li {
 li::marker {
 	font-size: 1.2rem;
 }
+details summary {
+	list-style-position: outside;
+}
+details summary {
+	list-style-type: "▸ ";
+}
+details[open] summary {
+	list-style-type: "▾ ";
+}
 a:not([download])::after {
 	content: attr(href);
 }