Skip to content

Commit c2dddbc

Browse files
bbland1bbland1
committed
the creators and thank you boxes are equal size now
1 parent 0d5aa28 commit c2dddbc

File tree

1 file changed

+107
-102
lines changed

1 file changed

+107
-102
lines changed

‎src/views/unauthenticated/About.tsx

+107-102
Original file line numberDiff line numberDiff line change
@@ -89,108 +89,113 @@ export function About() {
8989
<SignInButton isSignIn={false} />
9090
</Card.Body>
9191
</Card>
92-
<section className="d-flex flex-wrap align-items-center justify-content-center gap-2 w-100">
93-
<Card className="border border-solid rounded-2 border-dark border-3 shadow flex-grow-1 p-2 my-2 bg-primary text-info">
94-
<Card.Body>
95-
<Card.Title className="fs-3">Creators</Card.Title>
96-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2 align-items-center">
97-
<Link
98-
to="https://www.linkedin.com/in/maha-ahmed3/"
99-
target="_blank"
100-
>
101-
<LinkedInLogo width="25" height="25" />
102-
</Link>
103-
<span>Maha Ahmed</span>
104-
<Link to="https://github.com/eternalmaha" target="_blank">
105-
<GithubLogo width="25" height="25" />
106-
</Link>
107-
</div>
108-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
109-
<Link to="https://www.linkedin.com/in/bbland1/" target="_blank">
110-
<LinkedInLogo width="25" height="25" />
111-
</Link>
112-
<span>Brianna Bland</span>
113-
<Link to="https://github.com/bbland1" target="_blank">
114-
<GithubLogo width="25" height="25" />
115-
</Link>
116-
</div>
117-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
118-
<Link
119-
to="https://www.linkedin.com/in/falak-zahra/"
120-
target="_blank"
121-
>
122-
<LinkedInLogo width="25" height="25" />
123-
</Link>
124-
<span>Falak Zahra</span>
125-
<Link to="https://github.com/zahrafalak" target="_blank">
126-
<GithubLogo width="25" height="25" />
127-
</Link>
128-
</div>
129-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
130-
<Link
131-
to="https://www.linkedin.com/in/ross-clettenberg/"
132-
target="_blank"
133-
>
134-
<LinkedInLogo width="25" height="25" />
135-
</Link>
136-
<span>Ross Clettenberg</span>
137-
<Link to="https://github.com/RossaMania" target="_blank">
138-
<GithubLogo width="25" height="25" />
139-
</Link>
140-
</div>
141-
</Card.Body>
142-
</Card>
143-
<Card className="border border-solid rounded-2 border-dark border-3 shadow flex-grow-1 p-2 my-2 bg-primary text-info">
144-
<Card.Body>
145-
<Card.Title className="fs-3">Thank you</Card.Title>
146-
<Card.Text className="text-center">
147-
To our amazing mentors:
148-
</Card.Text>
149-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
150-
<Link to="https://www.linkedin.com/in/dantonioa/" target="_blank">
151-
<LinkedInLogo width="25" height="25" />
152-
</Link>
153-
<span>Alex D.</span>
154-
<Link to="https://github.com/alex-andria" target="_blank">
155-
<GithubLogo width="25" height="25" />
156-
</Link>
157-
</div>
158-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
159-
<Link
160-
to="https://www.linkedin.com/in/adityadalal/"
161-
target="_blank"
162-
>
163-
<LinkedInLogo width="25" height="25" />
164-
</Link>
165-
<span>Aditya Dalal</span>
166-
<Link to="https://github.com/adidalal" target="_blank">
167-
<GithubLogo width="25" height="25" />
168-
</Link>
169-
</div>
170-
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
171-
<Link
172-
to="https://www.linkedin.com/in/tanner-gill/"
173-
target="_blank"
174-
>
175-
<LinkedInLogo width="25" height="25" />
176-
</Link>
177-
<span>Tanner Gill</span>
178-
<Link to="https://github.com/tannaurus" target="_blank">
179-
<GithubLogo width="25" height="25" />
180-
</Link>
181-
</div>
182-
<p className="text-center">
183-
The entire{" "}
184-
<a
185-
href="https://the-collab-lab.codes/developers/"
186-
target="_blank"
187-
>
188-
The Collab Lab
189-
</a>
190-
for the opportunity!
191-
</p>
192-
</Card.Body>
193-
</Card>
92+
<section className="container align-items-center justify-content-center w-100">
93+
<div className="row gap-3">
94+
<Card className="col-lg-6 border border-solid rounded-2 border-dark border-3 shadow p-2 my-2 bg-primary text-info">
95+
<Card.Body>
96+
<Card.Title className="fs-3">Creators</Card.Title>
97+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2 align-items-center">
98+
<Link
99+
to="https://www.linkedin.com/in/maha-ahmed3/"
100+
target="_blank"
101+
>
102+
<LinkedInLogo width="25" height="25" />
103+
</Link>
104+
<span>Maha Ahmed</span>
105+
<Link to="https://github.com/eternalmaha" target="_blank">
106+
<GithubLogo width="25" height="25" />
107+
</Link>
108+
</div>
109+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
110+
<Link to="https://www.linkedin.com/in/bbland1/" target="_blank">
111+
<LinkedInLogo width="25" height="25" />
112+
</Link>
113+
<span>Brianna Bland</span>
114+
<Link to="https://github.com/bbland1" target="_blank">
115+
<GithubLogo width="25" height="25" />
116+
</Link>
117+
</div>
118+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
119+
<Link
120+
to="https://www.linkedin.com/in/falak-zahra/"
121+
target="_blank"
122+
>
123+
<LinkedInLogo width="25" height="25" />
124+
</Link>
125+
<span>Falak Zahra</span>
126+
<Link to="https://github.com/zahrafalak" target="_blank">
127+
<GithubLogo width="25" height="25" />
128+
</Link>
129+
</div>
130+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
131+
<Link
132+
to="https://www.linkedin.com/in/ross-clettenberg/"
133+
target="_blank"
134+
>
135+
<LinkedInLogo width="25" height="25" />
136+
</Link>
137+
<span>Ross Clettenberg</span>
138+
<Link to="https://github.com/RossaMania" target="_blank">
139+
<GithubLogo width="25" height="25" />
140+
</Link>
141+
</div>
142+
</Card.Body>
143+
</Card>
144+
<Card className="col border border-solid rounded-2 border-dark border-3 shadow p-2 my-2 bg-primary text-info">
145+
<Card.Body>
146+
<Card.Title className="fs-3">Thank you</Card.Title>
147+
<Card.Text className="text-center">
148+
To our amazing mentors:
149+
</Card.Text>
150+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
151+
<Link
152+
to="https://www.linkedin.com/in/dantonioa/"
153+
target="_blank"
154+
>
155+
<LinkedInLogo width="25" height="25" />
156+
</Link>
157+
<span>Alex D.</span>
158+
<Link to="https://github.com/alex-andria" target="_blank">
159+
<GithubLogo width="25" height="25" />
160+
</Link>
161+
</div>
162+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
163+
<Link
164+
to="https://www.linkedin.com/in/adityadalal/"
165+
target="_blank"
166+
>
167+
<LinkedInLogo width="25" height="25" />
168+
</Link>
169+
<span>Aditya Dalal</span>
170+
<Link to="https://github.com/adidalal" target="_blank">
171+
<GithubLogo width="25" height="25" />
172+
</Link>
173+
</div>
174+
<div className="text-primary bg-info d-flex flex-row justify-content-between p-2 rounded-1 m-2">
175+
<Link
176+
to="https://www.linkedin.com/in/tanner-gill/"
177+
target="_blank"
178+
>
179+
<LinkedInLogo width="25" height="25" />
180+
</Link>
181+
<span>Tanner Gill</span>
182+
<Link to="https://github.com/tannaurus" target="_blank">
183+
<GithubLogo width="25" height="25" />
184+
</Link>
185+
</div>
186+
<p className="text-center">
187+
The entire{" "}
188+
<a
189+
href="https://the-collab-lab.codes/developers/"
190+
target="_blank"
191+
>
192+
The Collab Lab
193+
</a>
194+
for the opportunity!
195+
</p>
196+
</Card.Body>
197+
</Card>
198+
</div>
194199
</section>
195200
</div>
196201
);

0 commit comments

Comments
 (0)