From dba8ca25a2b29e0da7e9c6c9b0f9cc89f84ff841 Mon Sep 17 00:00:00 2001
From: i-Bex <i-Bex@users.noreply.github.com>
Date: Mon, 6 May 2024 22:45:23 +0800
Subject: [PATCH] change the breakpoint for bigger screen

---
 style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index a85cad6..526ee1a 100644
--- a/style.css
+++ b/style.css
@@ -242,12 +242,16 @@ body {
     font-weight:700;
 }
 
-@media screen and (min-width:81.25rem) {
+@media screen and (min-width:67.5rem) {
     .main__header {
         flex-direction:row;
         align-items:center;
         justify-content:space-between; 
     }
+
+    .countries__list {
+       grid-template-columns:repeat(4,1fr); 
+    }    
 }
 
 /* @media (prefers-color-scheme:dark){