Merge pull request #146 from InnerSourceCommons/feat/make-speaker-ima…

…ges-fit fix: make the images fit the container
InnerSourceCommons · Jan 24, 2025 · bdf1078 · bdf1078
2 parents d751801 + 7be9be3
commit bdf1078
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/themes/gathering-theme/assets/scss/_speaker.scss b/themes/gathering-theme/assets/scss/_speaker.scss
@@ -26,8 +26,13 @@
 		}
 	}
 
+	.mh-255{
+		max-height: 255px;
+	}
+
 	img{
 		border-radius: 5px;
+		max-height: 350px;
 	}
 
 	.speaker-social{

diff --git a/themes/gathering-theme/layouts/index.html b/themes/gathering-theme/layouts/index.html
@@ -191,8 +191,8 @@ <h2>{{ .title | markdownify }}</h2>
       {{ range (where .Site.RegularPages "Type" "speaker") }}
       <div class="col-lg-3 col-sm-6 col-6">
         <div class="speaker-block mb-5">
-          <div class="">
-            <img src="{{ .Params.Image | absURL }}" alt="{{ .Title }}" class="img-fluid">
+          <div class="mh-255">
+            <img src="{{ .Params.Image | absURL }}" alt="{{ .Title }}" class="img-fluid mh-255">
             <!--ul class="list-inline speaker-social">
               {{ range .Params.Social }}
               <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>