update: minor design changes

- add alt to blog images
- fix education subtitle position
- add text justify to about me

src/_includes/blocks/about.njk

@@ -1,6 +1,6 @@
 <header class="p-7 pb-0 inline-grid w-full bg-white rounded-xl shadow">
   <h2 class="font-semibold text-xl mb-5 capitalize">About Me</h2>
-  <p class="text-gray-600">{{ information.about }}</p>
+  <p class="text-gray-600 text-justify">{{ information.about }}</p>
   <div class="border-t border-gray-200 my-5"></div>
   {% include "components/nav.njk" %}
 </header>

src/blog/index.njk

@@ -26,7 +26,8 @@ eleventyNavigation:
         </p>
       </div>
       <div class="flex items-center max-h-80 overflow-hidden">
-        <img src="{{ ( "/assets/images/blog/" + post.image.filename ) | url }}" alt="" class="object-cover object-center w-full h-full">
+        <img src="{{ ( "/assets/images/blog/" + post.image.filename ) | url }}" alt="Image for {{ post.title }}"
+             class="object-cover object-center w-full h-full">
       </div>
     </article>
   </a>

src/education.njk

@@ -37,7 +37,7 @@ eleventyNavigation:
               </a>
             </div>
           </div>
-          <div class="flex space-x-4 flex-wrap justify-start sm:justify-end">
+          <div class="flex space-x-4 flex-wrap items-start sm:items-end">
             <div class="flex text-gray-500 items-center text-sm font-medium space-x-1.5">
               <i class="bx bxs-certification text-sm"></i>
               <span>{{ education.gpa }}</span>