course: tables, tags and refs

circuit/25-2/course_project/index.css

@@ -1,3 +1,7 @@
+* {
+  margin: 0;
+}
+
 body {
   display: flex;
   flex-direction: column;
@@ -7,7 +11,7 @@ body {
 }
 
 html {
-  font: 12pt Times;
+  font: 12pt "Tinos";
 }
 
 section {
@@ -18,6 +22,7 @@ section {
   padding: 20mm 15mm 20mm 30mm;
   background-color: white;
   border-bottom: 1mm solid gray;
+  overflow: hidden;
 }
 
 header {
@@ -37,26 +42,40 @@ h3 {
   font-size: 1rem;
 }
 
+.colr {
+  gap: 5mm;
+  display: flex;
+  flex-direction: column-reverse;
+}
+
 .col {
+  gap: 5mm;
   display: flex;
   flex-direction: column;
-  gap: 5mm;
 }
 
 .row {
+  gap: 5mm;
   display: flex;
   flex-direction: row;
-  gap: 5mm;
 }
 
 .x-between {
   justify-content: space-between;
 }
 
+.x-center {
+  justify-content: center;
+}
+
 .x-end {
   justify-content: end;
 }
 
+.y-start {
+  align-items: start;
+}
+
 .y-center {
   align-items: center;
 }
@@ -69,7 +88,7 @@ h3 {
   text-align: center;
 }
 
-.indent {
+p {
   text-indent: 12.5mm;
 }
 
@@ -110,3 +129,17 @@ h3 {
   padding-left: 0.33em;
   background-color: white;
 }
+
+img {
+  object-fit: contain;
+}
+
+table, td, th {
+  border-collapse: collapse;
+  border: 1px solid black;
+}
+
+.table-fixed {
+  width: 100%;
+  table-layout: fixed;
+}