Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

responsiveness abt us #84

Merged
merged 5 commits into from
Mar 18, 2024
Merged

responsiveness abt us #84

Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2748466
responsiveness abt us
umizoomiexe Mar 8, 2024
1051078
responsiveness abt usagaim
umizoomiexe Mar 9, 2024
c9a894c
Merge branch 'dev' of https://github.com/acm-ucr/hsp-website into uma…
umizoomiexe Mar 9, 2024
5c5ea4c
Merge branch 'dev' of https://github.com/acm-ucr/hsp-website into uma…
rfairooz Mar 18, 2024
221edbd
small fixes
rfairooz Mar 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 16 additions & 12 deletions src/components/about/Us.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,31 +9,35 @@ const Us = () => {
<div className="text-center flex flex-col justify-center items-center ">
<div className="mb-40 mt-20 max-h-0 translate-y-12 flex flex-col1">
<GrBottomCorner
size={65}
className="origin-top-left translate-x-7 translate-y-5 rotate-90"
size={60}
// md:size={65}
// lg:size={65}
className="origin-top-left translate-x-12 translate-y-3 rotate-90"
/>
<div className="font-montserrat font-bold text-5xl">ABOUT US</div>
<div className="font-montserrat font-bold text-3xl md:text-4xl">
ABOUT US
</div>
<GrTopCorner
size={65}
className="origin-top-right translate-x-5 translate-y-8 rotate-90"
size={60}
className="origin-top-right translate-x-3 translate-y-8 rotate-90"
/>
</div>
<div className="grid grid-cols-2 justify-center w-full gap-4">
<div className="flex flex-col text-center justify-center items-end font-montserrat font-bold ">
<div className="text-lg w-9/12">
<div className="grid md:grid-cols-2 justify-center gap-4 w-full">
<div className="flex flex-col text-center justify-center items-center font-montserrat font-bold">
<div className="md:text-lg sm:text-md lg:7/12 md:w-9/12 sm:w-9/12">
{" "}
HSP creates opportunities for its members to collaborate with
industry professionals and organizations, engage in projects and
research that &nbsp; are relevant to the field of aerospace
engineering.
research that are relevant to the field of aerospace engineering.
</div>
<br />
<div className="text-lg w-9/12">
<div className="md:text-lg sm:text-md lg:7/12 md:w-9/12 sm:w-9/12">
HSP regularly conducts meetings and work sessions that build towards
competitions.
</div>
</div>
<div className="flex justify-start items-center ">
<div className="flex sm:justify-center md:justify-center items-center ">
{" "}
<Image alt="" src={image} />
</div>
</div>
Expand Down
Loading