From c5284424298d5aa665057458ee84a9f98ab22eb2 Mon Sep 17 00:00:00 2001
From: Kipruto <43873157+kelvinkipruto@users.noreply.github.com>
Date: Mon, 25 Sep 2023 12:55:12 +0300
Subject: [PATCH] Render featured story

---
 .../src/components/ArticleGrid/ArticleGrid.js | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js b/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js
index 25afbebec..129229596 100644
--- a/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js
+++ b/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js
@@ -53,29 +53,30 @@ const ArticleGrid = React.forwardRef(function ArticleGrid(props, ref) {
             }}
           />
         </Grid>
-        {articles?.length > 0 ? (
-          <>
-            {featuredArticle ? (
-              <Grid
-                item
-                xs={12}
-                sx={{ order: { xs: 1, md: 0 } }}
-                key={featuredArticle.id}
-              >
-                <FeaturedArticle
-                  {...featuredArticle}
-                  readMoreLabel={readMoreLabel}
-                />
-              </Grid>
-            ) : null}
+
+        <>
+          {featuredArticle ? (
+            <Grid
+              item
+              xs={12}
+              sx={{ order: { xs: 1, md: 0 } }}
+              key={featuredArticle.id}
+            >
+              <FeaturedArticle
+                {...featuredArticle}
+                readMoreLabel={readMoreLabel}
+              />
+            </Grid>
+          ) : null}
+          {articles?.length > 0 ? (
             <Grid item xs={12} sx={{ order: { xs: 2 } }}>
               <ArticleCardList
                 sx={{ pt: { xs: "28px", md: 0 } }}
                 articles={articles}
               />
             </Grid>
-          </>
-        ) : null}
+          ) : null}
+        </>
       </Grid>
     </Section>
   );