concise ui elements (#29)

Author: khanzadimahdi

Makefile

@@ -1,12 +1,11 @@
 ps:
-	podman compose ps
+	docker compose ps
 
 up:
-	podman compose up --build -d
+	docker compose up --build -d
 
 down:
-	podman compose down --remove-orphans --volumes
+	docker compose down --remove-orphans --volumes
 
 sh%:
-	podman compose exec -it $* sh
-
+	docker compose exec -it $* sh

frontend/src/features/home-page/components/article-card-vertical/card.tsx

@@ -39,7 +39,7 @@ export function VerticalArticleCard({article}: Props) {
           >
             {article.title}
           </Text>
-          <Text size="sm" c={"dimmed"} mt={5} mb="md" lineClamp={1}>
+          <Text size="sm" c={"dimmed"} mt={5} mb="md" lineClamp={3}>
             {article.subtitle}
           </Text>
           <Group wrap="nowrap" gap={5} c={"dimmed"}>

frontend/src/features/home-page/components/featured-articles/featured-articles.tsx

@@ -22,7 +22,7 @@ export async function FeaturedArticles() {
       <GridCol
         span={{
           base: 12,
-          md: 6,
+          md: 8,
         }}
       >
         <h2 className={classes.headingWithBorder}>
@@ -48,7 +48,7 @@ export async function FeaturedArticles() {
       <GridCol
         span={{
           base: 12,
-          md: 6,
+          md: 4,
         }}
       >
         <h2 className={classes.headingWithBorder}>