diff --git a/index.html b/index.html index ce75b96..9d87d1a 100644 --- a/index.html +++ b/index.html @@ -65,6 +65,25 @@

Portfolio

+
+

Contact

+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
diff --git a/style/main.sass b/style/main.sass index 6a64c83..d33e28e 100644 --- a/style/main.sass +++ b/style/main.sass @@ -112,6 +112,29 @@ h5 margin-left: auto margin-right: auto +#contact + background: $fourth + +#formWrapper + max-width: 700px + margin-left: auto + margin-right: auto + + .textinput + width: 100% + display: grid + grid-template-columns: 30% 70% + box-sizing: border-box + padding: 24px + border: 1px solid $tertiary + + &:first-child + border-top-left-radius: 16px + border-top-right-radius: 16px + &.last + border-bottom-left-radius: 16px + border-bottom-right-radius: 16px + .button padding: 1em 2em border-radius: 8px @@ -119,6 +142,9 @@ h5 margin: 0 2em color: $primary text-decoration: none + @media screen and (max-width: $mediaMaxScreenSizeMobile) + display: block + margin-bottom: 1em &.button-dark background: $tertiary