From 945fbf0c8f55a91b0896cf57b14296b0d1d02fb4 Mon Sep 17 00:00:00 2001 From: Ahmed Abdelhalim Date: Fri, 11 Aug 2023 22:24:40 +0300 Subject: Fix phone website and media queries --- assets/scss/web/_header.scss | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'assets/scss/web/_header.scss') diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss index 196afa0..6de805a 100644 --- a/assets/scss/web/_header.scss +++ b/assets/scss/web/_header.scss @@ -8,8 +8,12 @@ margin-bottom: -0.2rem; clear: right; margin-top: 3.3rem; - @media screen and (max-width: 780px) { + + @media (max-width: 812px) { font-size: 2rem; + @media (orientation: landscape) { + font-size: 3.3rem; + } } } @@ -40,4 +44,10 @@ .header__linkedin { display: inline-block; margin: 8px; + + @media (max-width: 812px) { + font-size: 0.9rem; + @media (orientation: landscape) { + } + } } -- cgit v1.2.3