From 6b38f5cf3b7ec6ca23b19c19c2a4e128635e8196 Mon Sep 17 00:00:00 2001 From: VividTruthKeeper Date: Mon, 20 Feb 2023 13:07:54 +0500 Subject: [PATCH] img & text styling --- src/styles/_category.scss | 1 + src/styles/_news-article.scss | 7 +++++++ 2 files changed, 8 insertions(+) diff --git a/src/styles/_category.scss b/src/styles/_category.scss index 9388619..a03a080 100644 --- a/src/styles/_category.scss +++ b/src/styles/_category.scss @@ -83,6 +83,7 @@ width: 100%; height: 100%; border-radius: 0.5rem; + object-fit: cover; } } diff --git a/src/styles/_news-article.scss b/src/styles/_news-article.scss index af0f27c..c103124 100644 --- a/src/styles/_news-article.scss +++ b/src/styles/_news-article.scss @@ -67,6 +67,10 @@ color: $body; font-size: 1.8rem; font-weight: 400; + display: flex; + flex-direction: column; + gap: 1.6rem; + line-height: 2.5rem; } .share-btn { @@ -93,6 +97,9 @@ } @media (max-width: 750px) { + .news-article-text { + gap: 0.8rem; + } .news-article-inner { display: block; }