Update image URL and improve responsive layout in index.html

Replaced outdated project image URL with an updated link in community_blazor_maplibre.md. Enhanced responsive design in index.html by refining CSS classes for improved flexibility and alignment on smaller screens.

Author: MatejMa2ur

content/projects/community_blazor_maplibre.md

@@ -2,7 +2,7 @@
 title: "Community.Blazor.MapLibre"
 date: 2025-01-12
 draft: false
-image: "https://camo.githubusercontent.com/c0693f00fad1a76a6eb819325629740bd2515cce0e14de723f55f51115caa494/68747470733a2f2f6d61706c696272652e6f72672f5f617374726f2f6d61706c696272652d6c6f676f2e77794c69554e64755f5a6367356d582e737667"
+image: "https://raw.githubusercontent.com/Yet-another-solution/Blazor.MapLibre/refs/heads/main/examples/Community.Blazor.MapLibre.Examples/wwwroot/img/examples/globe.png"
 tech: "Blazor,JavaScript,MapLibre"
 description: "C# Wrapper around a MapLibre GL JS library"
 github: "https://github.com/Yet-another-solution/Blazor.MapLibre"

themes/yas-theme/layouts/index.html

@@ -42,7 +42,7 @@ <h1 class="text-end display-3 fw-bolder">
                 </div>
             </div>
         </div>
-        <div class="row m-0 gap-1">
+        <div class="row m-0 gap-1 flex-column flex-sm-row">
             <div class="light col rounded-3 d-none d-sm-inline-block">
 
             </div>
@@ -53,7 +53,7 @@ <h1 class="text-end display-3 fw-bolder">
                     </svg>
                 </a>
             </div>
-            <div class="col row gap-1">
+            <div class="col d-flex m-0 p-0 gap-1 w-100">
                 <div class="light col rounded-3 d-none d-sm-inline-block">
 
                 </div>