Use more width for blog posts in portrait mode

Author: linkdotnet

LinkDotNet.Blog.Web/Pages/BlogPostPage.razor.css

@@ -5,7 +5,7 @@
 }
 .blog-container {
     background: white;
-    width: 60%;    
+    width: clamp(60%, 2vw, 90%);    
     box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     font-size: 125%;
@@ -28,4 +28,10 @@
     width: 100%;
     height: 100%;
     object-fit: cover;
+}
+
+@media only screen and (max-width: 700px) {
+    .blog-outer-box .blog-container {
+        width: 90%;
+    }
 }