Update index.html

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Sarah Elkins - Professional Background</title>
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
   <style>
     body {
       font-family: 'Arial', sans-serif;
@@ -23,7 +23,7 @@
     }
 
     section {
-      max-width: 800px;
+      max-width: 1000px;
       margin: 20px auto;
       padding: 20px;
       background-color: #fff;
@@ -53,8 +53,8 @@
 
     img
     {
-      width:333px;
-      height:333px;
+      width:200px;
+      height:200px;
     }
   </style>
 </head>
@@ -70,36 +70,38 @@ <h2>About Me</h2>
     <p>
       I take great pride in being a mother to two wonderful children and celebrating a lasting union of 25 years with my amazing husband. Our blessings extend further with the joy of two delightful grandchildren. Embracing the stage of empty nesters, given that our children reside in various parts of the country, my husband and I made a conscious choice to lead a semi-nomadic lifestyle, fully immersing ourselves as full-time RVers.
     </p>
-    <div class="table-responsive">
-    <table class="table">
+
+    <div class="table-responsive d-flex align-items-center">
+    <table class="center" style="margin-left:auto;margin-right:auto;">
     <tr>
         <td>
           <div id="image0.0">
             <figure>
-				<img src="https://github.com/selkins13/selkins13.github.io/assets/13577383/33dcaf3f-3727-48cc-a771-c4055e4822f3"/>
-                <figcaption>Our Sailor Son</figcaption> 
+				<img class="mx-auto" src="https://github.com/selkins13/selkins13.github.io/assets/13577383/33dcaf3f-3727-48cc-a771-c4055e4822f3"/>
+                <figcaption style="text-align:center">Our Sailor Son</figcaption> 
             </figure>
         </div>
         </td>
         <td>
         <div id="image0.1">
             <figure>
-                <img src="https://github.com/selkins13/selkins13.github.io/assets/13577383/ffacae54-2902-415a-a848-4168b7a98b27"/>
-                <figcaption>Our Daughter and Grands</figcaption>
+                <img class="mx-auto" src="https://github.com/selkins13/selkins13.github.io/assets/13577383/ffacae54-2902-415a-a848-4168b7a98b27"/>
+                <figcaption style="text-align:center">Our Daughter and Grands</figcaption>
             </figure>
         </div>
         </td>
         <td>
         <div id="image0.2">
             <figure>
-                <img src="https://github.com/selkins13/selkins13.github.io/assets/13577383/29497ef1-382f-476b-a3e5-eceb2a502c44"/>
-                <figcaption>The two of us</figcaption>
+                <img class="mx-auto" src="https://github.com/selkins13/selkins13.github.io/assets/13577383/29497ef1-382f-476b-a3e5-eceb2a502c44"/>
+                <figcaption style="text-align:center">The two of us</figcaption>
             </figure>
         </div>
         </td>
     </tr>
     </table>
 	</div>
+
     <p>
       From the good ol' lakes of Kentucky, I'm all about hitting the road and checking out new spots around the country and beyond. Wherever we roll, you'll catch us casting a line – fishing is our jam. Oh, and I'm a big fan of getting lost in a good book, especially anything Harry Potter. My family and I? Total Potter-Heads! 🧙‍♂️📚✨
     </p>