style: increase display of home page

src/app/features/home/components/presentationals/home-rss-detail/home-rss-detail.presentational.scss

@@ -2,8 +2,12 @@
 @import "../sass/abstracts/mixins";
 
 .item-rss {
+
   color: $text-color;
-  padding: 10px;
+  display: grid;
+  grid-template-rows: min-content min-content 1fr;
+  grid-gap: 10px;
+  height: 100%;
 
   &:hover {
     background-color: rgba(160, 200, 220, .12);
@@ -14,8 +18,11 @@
   }
 
   img {
-    margin-top: 10px;
+    display: flex;
+    align-self: flex-end;
     width: 100%;
+    height: 200px;
     border-radius: 4px;
+    object-fit: cover;
   }
 }

src/app/features/home/components/presentationals/home-rss-wrapper/home-rss-wrapper.presentational.scss

@@ -7,19 +7,21 @@
 }
 
 .rss-items-wrapper {
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 10px 20px;
   flex-wrap: wrap;
   justify-content: space-around;
 
-  > * {
-    width: 30%;
+  @include respond-to-smaller-than-breakpoint('lg') {
+    grid-template-columns: 1fr 1fr;
+  }
 
-    @include respond-to-smaller-than-breakpoint('lg') {
-      width: 50%;
-    }
+  @include respond-to-smaller-than-breakpoint('sm') {
+    grid-template-columns: 1fr;
+  }
 
-    @include respond-to-smaller-than-breakpoint('sm') {
-      width: 100%;
-    }
+  > * {
+    width: 100%;
   }
 }