diff --git a/src/styles/_news.scss b/src/styles/_news.scss index 9977060..12b43a4 100644 --- a/src/styles/_news.scss +++ b/src/styles/_news.scss @@ -1,8 +1,8 @@ .news-wrapper { display: grid; grid-template-columns: 32rem 1fr; + grid-template-rows: 20rem; gap: 1.6rem; - height: 18rem; } .news-info { @@ -42,10 +42,16 @@ .news-status-left { display: flex; align-items: center; - justify-content: space-between; - column-gap: 1.6rem; - row-gap: 0.8rem; - flex-wrap: wrap; + gap: 1.6rem; + overflow: hidden; + width: 100%; + p { + white-space: nowrap; + + &:nth-child(n + 5) { + display: none; + } + } } .news-link { @@ -111,8 +117,12 @@ } .news-image { - img { + @include wh100; + min-height: 18rem; + img, + span { @include wh100; + object-fit: cover; } }