@@ -204,28 +203,24 @@
Skills
diff --git a/src/style.css b/src/style.css
index 8c96f49..4d0972e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -67,10 +67,15 @@ h1 {
position: fixed;
top: 0;
left: 0;
- width: 100vw;
+ width: 100%;
background-color: #131313;
z-index: 1;
+ a {
+ margin-top: 5px;
+ display: block;
+ }
+
nav {
max-width: 920px;
margin: 0 auto;
@@ -79,11 +84,19 @@ h1 {
justify-content: space-between;
font-size: 1.2em;
+ .mail-button {
+ margin-top: 0;
+ border: solid 2px;
+ padding: 4px 8px;
+ border-radius: 2px;
+ }
+
.nav-links {
display: flex;
justify-content: space-between;
gap: 25px;
-
+ }
+ .hide-min {
@media (max-width: 570px){
display: none;
}
@@ -143,6 +156,10 @@ h1 {
margin-bottom: 2px;
}
+ li {
+ margin-bottom: 10px;
+ }
+
@media (min-width: 720px) {
border-left: 1px solid white;
padding-left: 44px;
@@ -153,11 +170,21 @@ h1 {
div.project-section {
max-width: 1020px;
+ margin: 140px auto;
+
+ @media (max-width: 720px) {
+ margin: 40px auto;
+ }
h2 {
margin-left: 20px;
max-width: 820px;
margin-bottom: 50px;
+
+ @media (max-width: 430px){
+ margin-left: 0;
+ font-size: 1.3rem;
+ }
}
}
@@ -255,13 +282,25 @@ div.project-section {
.section {
margin-bottom: 0;
background: #131313;
- }
+ display: flex;
+ gap: 24px;
+ padding: 8px;
+ justify-content: center;
- ul {
- padding: 0;
- }
- li {
- list-style-type: none;
- margin: 18px;
+ .icon-link {
+ width: 30px;
+ margin-top: 15px;
+ margin-left: 0;
+ }
+
+ @media (max-width: 425px) {
+ gap: 16px;
+ }
+ @media (max-width: 400px) {
+ font-size: .8rem;
+ .icon-link {
+ margin-top: 10px;
+ }
+ }
}
}