cv new version

styles/elements/cv.css

@@ -4,6 +4,7 @@
 	place-items: center;
 	place-self: stretch;
 	*/
+	max-width: 900px;
 }
 #cv #cv_ascii {
 	/*
@@ -15,14 +16,12 @@
 	place-self: center;
 	*/
 }
-
 #cv details {
-	/*
-	*/
 	margin: 10px 0px;
 }
+#cv details ul {
+	padding-left: 35px;
+}
 #cv summary + * {
-	/*
-	*/
 	margin-top: 10px;
 }

styles/elements/projects.css

@@ -2,3 +2,14 @@
 #projects figcaption {
 	padding: 20px 0px;
 }
+#projects figure.project {
+	max-width: 900px;
+}
+#projects #ljdp iframe {
+	height: 550px;
+}
+@media only screen and (min-width: 741px) {
+	#projects #ljdp iframe {
+		height: 660px;
+	}
+}

styles/global.css

@@ -32,7 +32,11 @@
 /*
  width :		-parent- content
 */
-[data-flex~="parent"]  { width: 100%; }
+[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~="content"] { width: fit-content; }
 /*
  position :		-center- left right top bottom

styles/style.css

@@ -19,8 +19,7 @@ pre {
 }
 section {
 	justify-self: center;
-	margin: 50px 0px;
-	padding: 0px 20px;
+	margin: 50px 20px;
 }
 
 
@@ -61,6 +60,6 @@ section {
     ' banner_3  banner_3  banner_3 ' auto
     ' .         infos     .        ' auto
     ' .         mouse_3   .        ' auto
-	  / 1fr  minmax(auto, 900px)  1fr;
+	  / 1fr       auto      1fr      ;
 }
 

styles/text.css

@@ -10,23 +10,23 @@
 */
 body, pre {
 	font-family: "notomono", monospace;
-	font-size: 1.8rem;
+	font-size: 1.5rem;
 	font-weight: normal;
 	font-style: normal;
 }
-@media screen and (max-width: 500px) {
+@media screen and (min-width: 500px) {
 	body, pre {
-		font-size: 1.5rem;
+		font-size: 1.8rem;
 	}
 }
 ul {
 	display: block;
 	list-style-type: "•  ";
-	padding-left: 35px;
+	padding-left: 20px;
 	/*
-	list-style-position: outside;
-	*/
 	list-style-position: inside;
+	*/
+	list-style-position: outside;
 }
 li {
 	display: list-item;