Conversation
added to homepage for testing. got styling from figma css, put everything in section container.
migueljbeltran
changed the title
| padding: 0.625rem; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: flex-start; |
There was a problem hiding this comment.
it's better if align-items is center, it'll fit better in general on various screen sizes
|
|
||
| .header { | ||
| display: flex; | ||
| height: 16.3125rem; |
There was a problem hiding this comment.
same thing here, instead of using height this could definitely be like padding-bottom or maybe a margin
| .container { | ||
| display: flex; | ||
| width: 100vw; | ||
| height: 30.1875rem; |
There was a problem hiding this comment.
use padding over width height
| .content { | ||
| display: flex; | ||
| width: 59.75rem; | ||
| height: 16.3125rem; |
There was a problem hiding this comment.
i think this is trying to set the right side? i'm a little confused, whatever is setting the right side text sizing should probably be moved to .textBlock and also set a max-width for it
There was a problem hiding this comment.
can you also move your component to localhost:3000/test you will probably have to create the test page
| } | ||
|
|
||
| .title { | ||
| color: var(--white); |
There was a problem hiding this comment.
can you make all white texts var(--off-white)
2 participants
added to homepage for testing. got styling from figma css, put everything in section container.
Description
created mission component, placed it in home page for testing. fills the entire page
Closes #23
Checklist:
after creating your PR please mark all of these: