From 73e97496d0dd67c696fbb15c24cdc6ee93425fb6 Mon Sep 17 00:00:00 2001 From: II-Paulus-II Date: Wed, 6 Mar 2024 14:33:35 +0000 Subject: [PATCH] basic front page styling --- public/linkedin.webp | Bin 7258 -> 5362 bytes src/components/Details.jsx | 17 ++++++++++----- src/styles/details.css | 41 +++++++++++++++++++++++++++++-------- 3 files changed, 44 insertions(+), 14 deletions(-) diff --git a/public/linkedin.webp b/public/linkedin.webp index 51aec924d7a1b530ce331aa24d357f288b69ac06..1ba49bda66400220b7c2d00b92103d66373c4b71 100644 GIT binary patch literal 5362 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 -

Paul Hughes

- Technologies - Projects - github - linkedin +
+ github + linkedin +
+
+

Paul Hughes

+

Full Stack Developer

+
+
+ Tech + Projects +
); }; diff --git a/src/styles/details.css b/src/styles/details.css index d2d0d3e..fe93dcb 100644 --- a/src/styles/details.css +++ b/src/styles/details.css @@ -1,21 +1,44 @@ .detailsContainer { - padding: 3rem; + justify-content: center; + align-items: center; min-height: 100vh; + color: white; + display: flex; + flex-direction: row; + gap: 1rem; +} + +.detailsTextContainer { + display: flex; + flex-direction: column; + gap: 1rem; } .detailsTitle { - - + font-size: 4rem; } -.detailsProfileImage { - +.detailsComment { + font-size: 2.5rem; } -.detailsLinks { - +.detailsInfoLinksContainer { + display: flex; + flex-direction: column; } -.detailsSocialLinks { - +.detailsInfoLinks { + font-size: 1.5rem; } + +.detailsSocialLinksContainer { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.detailsSocialLinksImg { + max-width: 4rem; + height: 100%; +} +