...
| CSS Stylesheet |
|---|
/* updated news section */
#latest-news h2 { margin-bottom: 2.5rem;}
#latest-news .content-by-label{display: none; visibility: 'hidden';}
#latest-news .news-wrapper{display: flex; flex-direction: column;}
#latest-news .news-wrapper > .btn{margin: auto; margin-top: 32px;}
#latest-news .news-grid{display: grid; grid-template-columns: repeat(3auto-fill, minmax(320px, 1fr)); gap: 20px;}
#latest-news .news-grid .news-item{overflow: hidden; border-radius: 12px;
box-shadow: 0px 2px 12px 0px rgba(0, 24, 50, 0.08); display: flex; flex-direction: column; gap: 24px; background: white;}
#latest-news .news-grid .news-item .article-details{padding-inline: 40px; padding-bottom: 40px; display: flex; flex-direction: column; flex: 1;}
#latest-news .news-grid .news-item .article-preview{width: 100%; height: 200px; object-fit: cover; clip-path: ellipse(70% 142% at 71% -46%);}
#latest-news .news-grid .news-item .article-title{font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px;}
#latest-news .news-grid .news-item .article-date{font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex;
align-items: center; gap: 8px;}
#latest-news .news-grid .news-item .article-link{margin-left: auto; margin-top: auto;} |
...