Mobile accessibility

alexjdean · Aug 12, 2023 · 9ec46c2 · 9ec46c2
1 parent 710f636
commit 9ec46c2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -51,7 +51,7 @@
     </nav>
 
     <main class="content">
-      <div >
+      <div>
         <figure class="image-block">
           <img src="images/me.png" alt="Alexander Dean" class="image-myself">
           <figcaption class="caption">Me at the Garfield Park Conservatory, March 2023.</figcaption>

diff --git a/styles/index.css b/styles/index.css
@@ -38,25 +38,33 @@ p {
 @media screen and (max-width: 1300px) {
     p {
         margin-bottom: 0em;
-        margin-top: 2em;
+        margin-top: 1em;
         padding-top: 0;
     }
+
+    .caption {
+        margin: 0 0;
+        padding-left: 3%;
+    }
 
     .image-myself {
         width: 300px;
         height: 400px;
-        margin-top: 0em;
-        border-radius: 5%;
     }
 
     .image-block {
-        margin: 0 4%;
-        margin-bottom: 12%;
-    }
+        margin-bottom: 10%;
+        margin-right: 0%;
+        margin-right: 2.8%;
+    }   
 
     .description {
         font-size: 1.3rem;
         margin-right: 0em;
         margin-left: 0em;
     }
+
+    .content {
+        padding: 4rem 3rem
+    }
 }
diff --git a/styles/styles.css b/styles/styles.css
@@ -91,7 +91,7 @@ main {
 /* Mobile & tablet styles */
 @media screen and (max-width: 1300px) {
   main {
-    overflow-y: visible;
+    overflow-y: scroll;
   }
 
   .navigation {