From 87d0cf2f578a499041e31099329d04a2acc8dcfb Mon Sep 17 00:00:00 2001 From: jpez Date: Mon, 4 Apr 2022 17:30:50 +0100 Subject: [PATCH] formatting adjustments. project layout started. --- home/index.css | 4 ---- home/index.html | 3 ++- portfolio/portfolio.css | 48 ++++++++++++++++++++++++++++++++++++++++ portfolio/portfolio.html | 20 ++++++++++++++++- style/main.css | 13 ++++++----- 5 files changed, 77 insertions(+), 11 deletions(-) diff --git a/home/index.css b/home/index.css index 9916371..024a8bb 100644 --- a/home/index.css +++ b/home/index.css @@ -135,8 +135,4 @@ main { main > h1 { max-width: 20em; -} - -.hidenav { - display: none; } \ No newline at end of file diff --git a/home/index.html b/home/index.html index 5f37425..9f67d28 100644 --- a/home/index.html +++ b/home/index.html @@ -17,6 +17,7 @@ +
diff --git a/portfolio/portfolio.css b/portfolio/portfolio.css index e69de29..9f4dc63 100644 --- a/portfolio/portfolio.css +++ b/portfolio/portfolio.css @@ -0,0 +1,48 @@ +body { + grid-template-areas: + "nav nav nav" + "main main main" + "footer footer footer"; +} + +main { + display: grid; + grid-template-rows: auto; + grid-template-areas: + "ardent" + "efron" + "website" + ; +} + +.project { + background-color: rgba(0, 0, 0, 70%); + color: #e5e5e5; +} +.right { + margin-top: 2em; + margin-left: 40em; + border-top-left-radius: 10em; + border-bottom-left-radius: 10em; + padding-left: 2.5em; +} + +.left { + margin-top: 2em; + margin-right: 40em; + border-top-right-radius: 10em; + border-bottom-right-radius: 10em; + padding-left: 0.5em; +} + +#ardent { + grid-area: ardent; +} + +#efron { + grid-area: efron; +} + +#website { + grid-area: website; +} \ No newline at end of file diff --git a/portfolio/portfolio.html b/portfolio/portfolio.html index 9c1d415..623644b 100644 --- a/portfolio/portfolio.html +++ b/portfolio/portfolio.html @@ -25,11 +25,29 @@

Portfolio

Blog

Contact

 - +
+ +
+

Ardent

+ +

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.

+
+ +
+

Efron's Dice

+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!

+
+ +
+

Portfolio Website

+ +

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.

+