diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index dee9244..5eabddd 100644 --- a/css/main.css +++ b/css/main.css @@ -516,12 +516,11 @@ body { justify-content: space-between; overflow: hidden; align-items: baseline; - margin-top: 2rem; - padding-top: 2rem; } + padding-top: 1rem; } .navbar .header-b-back { display: flex; margin-left: 1rem; - margin-top: 5%; } + margin-top: 3%; } .navbar .header-b-back .header-back-img { border: thin solid white; padding: 0.3rem; } @@ -1993,38 +1992,37 @@ u { margin: 0; font-family: "Raleway" "sans-serif"; } -#career-header { +.career-header { width: 86%; margin-left: auto; margin-right: auto; padding: 0px; } -#header-text { +.header-text { margin: 0px auto; width: 80%; - margin-top: 50px; - line-height: 25px; } + margin-top: 20px; + line-height: 25px; + font-size: 30px; } + +#header-text { + font-size: 35px; } #first-career-container { background-color: #fafafa; padding-top: 150px; - padding-bottom: 150px; } + padding-bottom: 150px; + position: relative; } #first-career-container img#careerlist-2-image { position: absolute; right: 250px; - top: 653px; } + top: 82px; } @media screen and (max-width: 767px) { #first-career-container img#careerlist-2-image { display: none; } } - @media screen and (max-width: 940px) { - #first-career-container img#careerlist-2-image { - right: 150px; } } @media screen and (max-width: 1120px) { #first-career-container img#careerlist-2-image { - top: 642px; } } - @media screen and (max-width: 800px) { - #first-career-container img#careerlist-2-image { - top: 659px; } } + right: 140px; } } #first-career-container .first-career-item { display: flex; margin-left: auto; diff --git a/pages/careerlist-2.html b/pages/careerlist-2.html index c57ffb9..2ca7860 100644 --- a/pages/careerlist-2.html +++ b/pages/careerlist-2.html @@ -16,8 +16,8 @@
-
-
+
+

We're looking for curious

problem solver sounds familiar?

diff --git a/pages/careerlist.html b/pages/careerlist.html index 760df02..2f4a6b8 100644 --- a/pages/careerlist.html +++ b/pages/careerlist.html @@ -7,12 +7,11 @@ Career -
-
-
+
+

We're looking for curious

problem solver sounds familiar?

diff --git a/scss/layouts/_header.scss b/scss/layouts/_header.scss index 74da016..d95488a 100644 --- a/scss/layouts/_header.scss +++ b/scss/layouts/_header.scss @@ -3,12 +3,11 @@ justify-content: space-between; overflow: hidden; align-items: baseline; - margin-top: 2rem; - padding-top: 2rem; + padding-top: 1rem; .header-b-back { display: flex; margin-left: 1rem; - margin-top: 5%; + margin-top: 3%; .header-back-img{ border:thin solid white; padding:0.3rem; diff --git a/scss/pages/_careerlist-2.scss b/scss/pages/_careerlist-2.scss index aaa6846..6ec2984 100644 --- a/scss/pages/_careerlist-2.scss +++ b/scss/pages/_careerlist-2.scss @@ -35,40 +35,45 @@ $titleColor: #505050; } -#career-header{ +.career-header{ width: 86%; margin-left: auto; margin-right: auto; padding: 0px; } -#header-text{ +.header-text{ margin: 0px auto; width: 80%; - margin-top: 50px; + margin-top: 20px; line-height: 25px; + font-size: 30px; +} +#header-text{ + font-size: 35px; } #first-career-container{ background-color: #fafafa; padding-top: 150px; padding-bottom: 150px; + position: relative; img#careerlist-2-image{ position: absolute; right: 250px; - top: 653px; + top: 82px; @include media-query(767px){ display: none; } - @include media-query(940px){ - right: 150px; + @include media-query(1120px){ + right: 140px; } @include media-query(1120px){ - top: 642px; + // top: 642px; } @include media-query(800px){ - top: 659px; + // top: 659px; } }