From adb50796ebdccb43a510b94c8214372133373c60 Mon Sep 17 00:00:00 2001 From: JoexDavis Date: Mon, 20 Feb 2023 15:34:46 -0800 Subject: [PATCH 1/3] module 3 sprint 3 in progress --- index.html | 34 ++++++++++++++++++++++++++-------- style/index.css | 13 ++++++++++++- 2 files changed, 38 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index d01f779ff..e11489b67 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,29 @@ - - - + + + Document - - - - - \ No newline at end of file + + + +
+

JOSEPH DAVIS

+ +

Introduction to my projects

+

+ adsycgasdiufghhweqafkujaweghsdfkujsdgfkjsdagfkuas dafkjsdghf ksuidfghads + fkajsdghf ksjdfhsdkfjgasdf kjasdghf akshjdfg asdkjfghasdkjfghaskdjfvhg +

+ +
+ + + diff --git a/style/index.css b/style/index.css index 440e53514..bcca09700 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,12 @@ -/* Add CSS styling here */ \ No newline at end of file +.topsection { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} + +.footer { + background-color: lightgrey; + text-align: center; + padding: 25px; +} From 4e41f8358d00a5cdc675d4b5ddb236112f258456 Mon Sep 17 00:00:00 2001 From: JoexDavis Date: Mon, 20 Feb 2023 15:50:45 -0800 Subject: [PATCH 2/3] finshed wireframe for module 3 sprint 3 --- index.html | 7 +++++++ style/index.css | 33 ++++++++++++++++++++++++++++++++- 2 files changed, 39 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index e11489b67..2f343163a 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,13 @@

Introduction to my projects

+
+ + + + +
+
diff --git a/style/index.css b/style/index.css index bcca09700..fd08558c1 100644 --- a/style/index.css +++ b/style/index.css @@ -5,8 +5,39 @@ text-align: center; } -.footer { +footer { background-color: lightgrey; text-align: center; padding: 25px; } + +.row { + display: flex; + flex-direction: row; + justify-content: space-evenly; + padding: 20px; +} + +.description { + width: 200px; + text-align: center; + padding: 20px; +} + +button { + background-color: white; + color: black; + border: black solid 1px; + padding: 5px 10px; +} + +button:hover { + background-color: black; + color: white; + border: white solid 1px; +} + +button a { + text-decoration: none; + color: inherit; +} From a21597072c721bfbb2bbdc9edf8b6c61277d970f Mon Sep 17 00:00:00 2001 From: JoexDavis Date: Tue, 21 Feb 2023 17:27:38 -0800 Subject: [PATCH 3/3] responsive design for portfolio piece --- index.html | 3 ++- style/index.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 68 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 2f343163a..0ca60694a 100644 --- a/index.html +++ b/index.html @@ -15,13 +15,14 @@

JOSEPH DAVIS

-

Introduction to my projects

+

Introduction to my projects

adsycgasdiufghhweqafkujaweghsdfkujsdgfkjsdagfkuas dafkjsdghf ksuidfghads fkajsdghf ksjdfhsdkfjgasdf kjasdghf akshjdfg asdkjfghasdkjfghaskdjfvhg

+
diff --git a/style/index.css b/style/index.css index fd08558c1..0224b6722 100644 --- a/style/index.css +++ b/style/index.css @@ -1,8 +1,43 @@ + { + box-sizing: border-box; + padding: 0; + margin: 0; + max-width: 100%; + border: 1px solid grey; +} + +html { + font-size: 62.5%; +} + +body { + font-size: 1.6rem; + line-height: 1.5; +} + +section { + padding: 4% 0; +} + +h1, +h2 { + margin: 2% 0; +} + +h1 { + font-size: 4rem; +} + +h2 { + font-size: 3.5rem; +} .topsection { display: flex; flex-direction: column; justify-content: center; text-align: center; + width: 80%; + margin: 0 auto; } footer { @@ -41,3 +76,34 @@ button a { text-decoration: none; color: inherit; } +@media (max-wdith: 800px) { + .row { + flex-wrap: wrap; + } + + .row img { + width: 20%; + } + .row div { + width: 100%; + } +} + +@media (max-width: 500px) { + .links { + display: flex; + flex-direction: column; + align-items: center; + } + .links button { + width: 40%; + margin: 1% 0; + } + .row { + flex-wrap: wrap; + } + .row img { + width: 40%; + margin: 4% 0; + } +}