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.

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

Margin and Spacing Fix #70

Merged
merged 4 commits into from
Feb 10, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion src/components/projects/medical.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React from "react";

const Medical = () => {
return (
<div className="items-left flex flex-col p-20">
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="flex items-center">
<h1 className="font-inter py-10 text-6xl font-normal leading-relaxed">
Medical
Expand Down
8 changes: 4 additions & 4 deletions src/components/projects/professionals.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@ import React from "react";

const Professionals = () => {
return (
<div className="mt-4 flex w-5/6 flex-col items-center font-sans">
<div className="p~5 ml-auto mr-auto mt-4 flex w-11/12 flex-col items-center">
<div className="flex w-full items-center">
<h1 className="w-full text-left text-4xl font-semibold">
<h1 className="w-full whitespace-nowrap text-left text-6xl">
Engineers/Technical Professionals
</h1>
<div className="h-1 w-full bg-ucr-yellow" />
<div className="ml-8 h-1 w-11/12 bg-ucr-yellow" />
</div>
<p className="mt-2 w-full text-left text-lg leading-relaxed">
<p className="font-inter mt-14 text-2xl font-normal leading-relaxed">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
Expand Down
6 changes: 3 additions & 3 deletions src/components/projects/research.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,13 @@ const Research = () => {
];

return (
<div>
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="mb-7 inline-block">
<h1 className="mb-2 text-5xl">Projects & Research</h1>
<h1 className="mb-2 text-6xl">Projects & Research</h1>
<div className="h-1 bg-[#FFB81C]"></div>
</div>

<p className="font-inter mb-16 max-w-[1260px] text-[25px] font-normal leading-relaxed">
<p className="font-inter mb-16 text-2xl font-normal leading-relaxed">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
Expand Down
2 changes: 1 addition & 1 deletion src/components/resources/articles.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const categoryTitles: { [key: string]: string } = {
};
const Articles = () => {
return (
<div className="m-20 w-11/12 self-start">
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="mb-6 flex items-center gap-10 text-6xl">
Articles
<div className="h-1 flex-1 bg-ucr-yellow"></div>
Expand Down
10 changes: 5 additions & 5 deletions src/components/resources/external.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@ import React from "react";

const External = () => {
return (
<div className="flex w-5/6 flex-col items-center justify-center">
<div className="flex h-full w-full items-center gap-0">
<h1 className="w-full text-6xl">External Resources</h1>
<p className="h-1 w-full bg-ucr-yellow" />
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="mb-7 inline-block">
<h1 className="mb-4 text-6xl">External Resources</h1>
<div className="h-1 bg-ucr-yellow"></div>
</div>
<p className="m-1 mt-4 text-xl font-light">
<p className="font-inter text-2xl font-normal leading-relaxed">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
Expand Down
8 changes: 5 additions & 3 deletions src/components/resources/notes.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,12 @@ import { notesData } from "@/data/notesData";

const Notes = () => {
return (
<div className="font-inter items-left w-auto">
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="mb-8 flex items-center">
<h1 className="flex w-96 flex-col gap-2 text-5xl">Lecture Notes</h1>
<div className="h-1 w-[832px] bg-ucr-yellow"></div>
<h1 className="flex w-96 flex-col gap-2 whitespace-nowrap text-6xl">
Lecture Notes
</h1>
<div className="ml-14 h-1 w-11/12 bg-ucr-yellow"></div>
</div>

<div className="flex flex-col gap-2 text-left">
Expand Down
2 changes: 1 addition & 1 deletion src/components/resources/videos.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ type Video = {

const Videos = () => {
return (
<div className="m-20">
<div className="p~5 mb-20 ml-auto mr-auto mt-20 w-11/12">
<div className="mb-11 flex items-center gap-10 text-6xl">
Videos
<div className="h-1 w-full bg-ucr-yellow"></div>
Expand Down
Loading