From 71be7fb0271fa976b4f16b1258d6720c06775d47 Mon Sep 17 00:00:00 2001 From: Brandon Winger-Air Date: Fri, 26 Jan 2024 14:23:45 -0500 Subject: [PATCH] phone screen size styling and about section title --- index.html | 2 +- style.css | 9 ++++++++- style.css.map | 2 +- style.scss | 17 ++++++++++++++--- 4 files changed, 24 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index aa8d36d..ed19237 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@

UI/UX

-

Classical x Technology

+

Classical _ Technology

The fusion of classical art with technology in design is a fascinating topic that has been explored by many artists and designers. Classical art is known for its emphasis on symmetry, balance, and proportion, while technology styles in design are characterized by their innovative use of digital toolsand techniques.

diff --git a/style.css b/style.css index 3188bed..b904059 100644 --- a/style.css +++ b/style.css @@ -264,9 +264,13 @@ footer { } #about #about-img img { width: 240px; + top: 35px; } } @media screen and (max-width: 786px) { + #hero-content { + min-height: calc(75vh - 60px); + } #hero-content div h2 { font-size: 105px; } @@ -324,6 +328,9 @@ footer { padding-top: 10px; padding-bottom: 46px; } + header h1 { + font-size: 22px; + } #hero-content div h2 { font-size: 62px; } @@ -336,7 +343,7 @@ footer { z-index: -1; width: 72px; height: 72px; - bottom: 10%; + bottom: 18%; font-size: 11px; font-weight: 600; } diff --git a/style.css.map b/style.css.map index d6aab04..e4288a3 100644 --- a/style.css.map +++ b/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","_reset.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","_reset.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/style.scss b/style.scss index 5525b18..a98dad5 100644 --- a/style.scss +++ b/style.scss @@ -241,14 +241,20 @@ footer { #about-img img { width: 240px; + top: 35px; } } } @media screen and (max-width: 786px) { - #hero-content div h2 { - font-size: 105px; + #hero-content { + min-height: calc(75vh - 60px); + + div h2 { + font-size: 105px; + } } + #scroll { width: 94px; @@ -310,9 +316,14 @@ footer { } @media screen and (max-width: 430px) { + header { padding-top: 10px; padding-bottom: 46px; + + h1 { + font-size: 22px; + } } #hero-content div h2 { @@ -329,7 +340,7 @@ footer { z-index: -1; width: 72px; height: 72px; - bottom: 10%; + bottom: 18%; font-size: 11px; font-weight: 600; }