Made big headers fit better into its content on small screens

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css

@@ -131,6 +131,11 @@
 .blog-card:hover .details {
     left: 0;
 }
+@media (max-width: 400px) {
+    .blog-card .description h1 {
+        font-size: 1.25rem;
+    }
+}
 @media (min-width: 640px) {
     .blog-card {
         flex-direction: row;

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -99,6 +99,7 @@ a:hover {
 
 h1 {
     color: var(--header1);
+    word-wrap: break-word;
 }
 
 h2 {