Conversation
There was a problem hiding this comment.
your logic for the formData and handling the change and submit is great! pls fix styling and also i think u need to merge with main to get the space grotesk font. there's also the _components from main and it would be nice if you could move your component into there
| @@ -0,0 +1,72 @@ | |||
| .container{ | |||
| width: 100%; | |||
| max-width:1000px; | |||
| color: var(--dark-gray); | ||
| } | ||
| .form input, | ||
| .form textarea{ |
There was a problem hiding this comment.
there should only ever be one .form, all ur html element stylings that you're applying should be form should be nested and done like below
.form {
----styling
----textarea {
--------styling
----}
}
There was a problem hiding this comment.
also same thing with setting placeholder stylings, nest in whatever u need it to be and then do like &::placeholder { styling }
| .submit{ | ||
| align-self: flex-end; | ||
| padding: 0.7rem 2.2rem; | ||
| border-radius: 0.6rem; |
There was a problem hiding this comment.
ur border-radius doesn't match figma
| } | ||
|
|
||
| .field label { | ||
| font-family: "Space Grotesk", sans-serif; |
There was a problem hiding this comment.
why is there also sans-serif
| } | ||
|
|
||
| .form textarea{ | ||
| min-height: 140px; |
2 participants
Made the Contact Form
Checklist:
after creating your PR please mark all of these:
-[ ] Global colors used and I also used this: rgba(87,87, 87, 0.80) that was missing from globals.scss
Notes & Questions for Kyhara and Austin: