diff --git a/Yavsc/Views/Blogspot/Index.cshtml b/Yavsc/Views/Blogspot/Index.cshtml
index 201f40de..d126760a 100644
--- a/Yavsc/Views/Blogspot/Index.cshtml
+++ b/Yavsc/Views/Blogspot/Index.cshtml
@@ -67,9 +67,9 @@
     <div class="row @trclass">
         <div class="col-xs-10"> 
            <a asp-action="Title" asp-route-id="@title" >
-@if (first.Photo==null) {  }
-else {<img src="@first.Photo" class="smallphoto" alt="@first.Title">} 
 <markdown>@first.Title</markdown>
+@if (first.Photo==null) {  }
+else {<img src="@first.Photo" class="blogphoto" alt="@first.Title">} 
 </a>
         
             <markdown>@((first.Content?.Length > 120) ? first.Content.Substring(0, 120) + " ..." : first.Content)</markdown>
diff --git a/Yavsc/Views/Blogspot/Title.cshtml b/Yavsc/Views/Blogspot/Title.cshtml
index a15535e0..688b3dfb 100644
--- a/Yavsc/Views/Blogspot/Title.cshtml
+++ b/Yavsc/Views/Blogspot/Title.cshtml
@@ -27,7 +27,7 @@
 
     <tr class="@trclass">
         <td><a asp-action="Details" asp-route-id="@item.Id" class="bloglink">
-       <img src="@item.Photo" class="smallphoto"></a>
+       <img src="@item.Photo" class="blogphoto"></a>
         </td>
         <td>
             <markdown>@((item.Content?.Length > 120) ? item.Content.Substring(0, 122) + " ..." : item.Content)</markdown>
diff --git a/Yavsc/wwwroot/css/main/site.css b/Yavsc/wwwroot/css/main/site.css
index 3a5c2f38..e6d87b26 100644
--- a/Yavsc/wwwroot/css/main/site.css
+++ b/Yavsc/wwwroot/css/main/site.css
@@ -374,6 +374,8 @@ footer {
 .blogphoto {
     float: left;
     margin: 1em;
+    max-width: 100em;
+    max-height: 100em;
 }
 
 .dl-horizontal dd {