Get Involved Page! #76
Merged
dora
merged 14 commits from feat/get-involved-page
into main
2 years ago
Loading…
Reference in new issue
There is no content yet.
Delete Branch 'feat/get-involved-page'
Deleting a branch is permanent. It CANNOT be undone. Continue?
closes #13 and #24
<EmailSignup>
and<ConnectWithUs>
components!Two different codeys (mobile vs desktop) is most likely a mistake. Confirm with design about this.
}
.socialLinks {
margin: calc(36rem / 16) calc(-10rem / 16);
Change the CSS of the Social links component instead. Make sure that the first child of SocialLinks has margin-left: 0 and last child of SocialLinks has margin-right: 0
export function ConnectWithUs() {
return (
<div>
<section>
tag instead? 🤔 What do you think?}
.socialLinks > * {
justify-content: left;
same here, change the css in the social links component so it does not center all the links.
@media only screen and (max-width: calc(768rem / 16)) {
.header {
font-size: calc(24rem / 16);
line-height: calc(36rem / 16);
This is wrong for two reasons:
In this case, line-height would become 1.5, which is already the case for all headings. (_app.css) So you shouldn't need to set it here.
@media only screen and (max-width: calc(768rem / 16)) {
.container > * {
margin: 0 0 calc(15rem / 16) 0;
might as well make it 1 rem lol
export function EmailSignup() {
return (
<div className={styles.container}>
<section>
tag here too?<form className={styles.form} action="">
<Input type="text" placeholder="Full Name*" required />
<Input type="email" placeholder="Email*" required />
<Button className={styles.button}>Subscribe</Button>
use
<Button type="submit"
so that people can press enter inside aninput
to subscribe.}
.container > * {
margin: 0 0 calc(21rem / 16) 0;
add a padding to the container instead
display: block;
width: 100%;
margin: calc(21rem / 16) 0;
padding: calc(10rem / 16) calc(31rem / 16);
can we do
padding: calc(10rem / 16) calc(32rem / 16);
pls 🙈## How to Join
Make sure that the content matches the content on notion:
https://www.notion.so/Get-Involved-DONE-4dd998c0c13d428894961796942fcaef
import styles from "./get-involved.module.css";
/**
* @todo fix codey image with svg
? is it not fixed?
margin-top: calc(50rem / 16);
}
/* @todo aaaaaa */
is it still not fixed?
360d9e4b6f
into main 2 years ago360d9e4b6f
.