stretch images a bit

mattgodbolt · Jan 5, 2023 · d41382e · d41382e
1 parent 817fdc1
commit d41382e
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -274,7 +274,7 @@ <h2>Map</h2>
 
         <section>
             <h2>Intersections</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" viewBox="0 0 376 376" xmlns="http://www.w3.org/2000/svg" class="stretch">
                 <g transform="scale(75 75)">
                     <rect x="0" y="0" width="1" height="1" fill="#336"></rect>
                     <rect x="1" y="0" width="1" height="1" fill="#336"></rect>
@@ -363,7 +363,7 @@ <h2>Intersections</h2>
 
         <section>
             <h2>Math #1</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 376" class="stretch">
                 <g transform="translate(37.5 50)">
                     <g transform="scale(150 150)">
                         <rect x="0" y="-1" width="1" height="1" stroke="gray" stroke-width="0.01" fill="none"></rect>
@@ -414,7 +414,7 @@ <h2>Geometry</h2>
         </section>
         <section>
             <h2>Geometry</h2>
-            <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
+            <svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="stretch">
                 <g transform="translate(0 5)">
                     <g transform="scale(180 180)">
                         <path d="M0.1 0.9 L0.9 0.9 L0.9 0.1 L0.1 0.9" stroke="#fff" stroke-width="0.01"
@@ -428,7 +428,7 @@ <h2>Geometry</h2>
         </section>
         <section>
             <h2>Math #2</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 376" class="stretch">
                 <g transform="translate(37.5 50)">
                     <g transform="scale(150 150)">
                         <rect x="0" y="-1" width="1" height="1" stroke="gray" stroke-width="0.01" fill="none"></rect>
@@ -523,7 +523,7 @@ <h2>For each ray: trace</h2>
         </section>
         <section>
             <h2>Distance</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 376" class="stretch">
                 <g transform="scale(75 75)">
                     <rect x="0" y="0" width="1" height="1" fill="#336"></rect>
                     <rect x="1" y="0" width="1" height="1" fill="#336"></rect>
@@ -601,7 +601,7 @@ <h2>Math #3</h2>
         </section>
         <section>
             <h2>Distance</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 376" class="stretch">
                 <g transform="scale(75 75)">
                     <rect x="0" y="0" width="1" height="1" fill="#336"></rect>
                     <rect x="1" y="0" width="1" height="1" fill="#336"></rect>
@@ -654,7 +654,7 @@ <h2>Math #3</h2>
         </section>
         <section>
             <h2>Distance</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
+            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 376" class="stretch">
                 <g transform="scale(75 75)">
                     <rect x="0" y="0" width="1" height="1" fill="#336"></rect>
                     <rect x="1" y="0" width="1" height="1" fill="#336"></rect>