diff --git a/static/css/index.css b/static/css/index.css
index e3049f6..7d16e88 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -5,15 +5,22 @@
     justify-items: center;
     margin-bottom: 10px;
     overflow-y: auto;
-    overflow-x: hidden; 
+    overflow-x: hidden;
 }
 
-.post img, .post a {
+.post-img {
     display: block;
     height: 100%;
     object-fit: cover;
 }
 
+.post-title {
+    line-height: 140%;
+    display: block;
+    height: 20%;
+    object-fit: cover;
+}
+
 .post span {
 
     display: block;
diff --git a/templates/index.html b/templates/index.html
index 730e44d..bb0a3f0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -23,9 +23,9 @@
                 <div class="box" id="content-pane">
                     {% for post in posts if posts.len() > 0 %}
                         <div class="post">
-                            <a href="{{post.origin_url}}"><img src="{{post.img_url}}" alt="post img"></a>
+                            <a class="post-img" href="{{post.origin_url}}"><img class="post-img" src="{{post.img_url}}" alt="post img"></a>
                             <span>
-                                <a href="{{post.origin_url}}"><h3>{{post.title}}</h3></a>
+                                <a class="post-title" href="{{post.origin_url}}"><h3 class="post-title">{{post.title}}</h3></a>
                                 <p>{{post.descr}}</p>
                             </span>
                         </div>