Merge pull request #15 from coreruleset/fix-sponsor-images

fix: sponsors images

assets/scss/_sponsors.scss

@@ -1,9 +1,18 @@
 .gold-sponsor {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 100%;
 }
 .silver-sponsor {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 80%;
 }
 .bronze-sponsor {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 60%; 
 }

data/sponsors.yaml

@@ -1,6 +1,7 @@
+---
 gold:
   usp:
-    logo: "images/sponsors/usp.png"
+    logo: "images/sponsors/usp.svg"
     name: "United Security Providers"
     link: "https://united-security-providers.com"
   google:

layouts/partials/sponsors.html

@@ -5,17 +5,17 @@ <h2>Call for Sponsors</h2>
 your company or organization, then please get in touch with our sponsoring contact 
 CRS co-lead Christian Folini via firstname dot lastname at owasp dot org.
 
+{{ $colnum := 2 }}
+{{ $width := 900 }}
 {{ range $name, $kind := .Site.Data.sponsors }}
 <h3>{{  strings.FirstUpper $name }} Sponsors</h3>
-{{ $colnum := 2 }}
 <div class="columns columns-{{ $colnum }}">
 {{ range $kind }}
 <div class="column {{ lower $name }}-sponsor">
     <a href="{{ .link }}">
         <img
             caption="{{ .caption }}"
-            width="300"
-            height="150"
+            width="{{ div $width $colnum}}"
             loading="lazy"
             src="{{ relURL .logo }}"
             link="{{ .link }}"