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){