From 78a0d0908143d939feb3eeb08e305bd860d7b792 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 27 Jan 2024 19:47:55 +0800
Subject: [PATCH] Add tablet and desktop versions to the layout

---
 m3-we-are-the-champions/styles.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/m3-we-are-the-champions/styles.css b/m3-we-are-the-champions/styles.css
index 3ea26af..7b2c969 100644
--- a/m3-we-are-the-champions/styles.css
+++ b/m3-we-are-the-champions/styles.css
@@ -226,9 +226,21 @@ h1, h2 {
     color: var(--clr-btn-bg);
 }
 
+/* Tablet screen size */
+@media only screen and (min-width: 43.75rem) {
+    .endorsements__list {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
 /* Desktop screen size */
 @media only screen and (min-width: 60rem) {
     .main {
-        max-width: 45rem;
+        max-width: 50rem;
+    }
+
+    .endorsements__list {
+        grid-template-columns: 1fr 1fr 1fr;
     }
 }
\ No newline at end of file