From 8853abc2e76a67bf5892d1b57693d8dedc943590 Mon Sep 17 00:00:00 2001 From: Sheldon Cook Date: Thu, 8 Oct 2020 22:51:43 -0600 Subject: [PATCH 1/2] this is my attempt at creating a portfolio --- index.css | 93 +++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 37 ++++++++++++++++++-- style/index.css | 1 - 3 files changed, 128 insertions(+), 3 deletions(-) create mode 100644 index.css delete mode 100644 style/index.css diff --git a/index.css b/index.css new file mode 100644 index 000000000..d16e6d831 --- /dev/null +++ b/index.css @@ -0,0 +1,93 @@ +.header { + widows:100%; + height:200px; + display:block; + background-color:#b30000; +} + +.header h1 { + font-size:60px; +} + +.pfp { + height:400px; + width:400px; + margin:40px; + border:1px solid black; +} + +.pfp { + display:flex; + flex-flow:row wrap; + justify-content:space-around; +} + +.pfp img { + width:400px; + height:400; +} + +.container2 .item { + height:200px; + width:200px; + margin:40px; + border:1px solid black; +} + +.container3 .item { + height:200px; + width:200px; + margin:40px; + border:1px solid black; +} + +.container2 { + display:flex; + flex-flow:row wrap; + justify-content:space-around; + +} + +.container3 { + display:flex; + flex-flow:row wrap; + justify-content:space-around; + +} + +.footer { + width:100%; + height:200px; + display:block; + background-color:#b30000; +} + +.footer h2 { + text-align:center; +} + +.footer p { + text-align:center; +} + +.item img { + width:200px; + height:200px; + object-fit:cover; +} + +body { + background-color:silver; +} + +h2 { + text-align:center; +} + +.description { + text-align:center; +} + +.descriptionbutton { + text-align:center; +} \ No newline at end of file diff --git a/index.html b/index.html index d01f779ff..6523c70b7 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,42 @@ - Document + Sheldon Cook's Portfolio + - +
+

Sheldon Cook

+ Home + About + Contact + Projects +
+
+
+
+

Sheldon Cook

+
+ My Projects +
+
+

I'm only a novice when it comes to coding, and I still have much to learn.
But I'm very ambitious and hard-working. I have devloped a passion for this, and I am ready to prove myself!

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Like what you see?

+

Contact Me

+
\ No newline at end of file diff --git a/style/index.css b/style/index.css deleted file mode 100644 index 440e53514..000000000 --- a/style/index.css +++ /dev/null @@ -1 +0,0 @@ -/* Add CSS styling here */ \ No newline at end of file From 56cceb552d048b2e94d52e039f7b59b7b0348160 Mon Sep 17 00:00:00 2001 From: Sheldon Cook Date: Thu, 15 Oct 2020 13:30:21 -0600 Subject: [PATCH 2/2] I made it look better at a decreased width, however I struggled with some of the nuance involving the assignment --- index.css | 30 ++++++++++++++++++--- index.html | 6 +++++ web-Sprint-Challenge-User-Interface-and-Git | 1 + 3 files changed, 33 insertions(+), 4 deletions(-) create mode 160000 web-Sprint-Challenge-User-Interface-and-Git diff --git a/index.css b/index.css index d16e6d831..1d892b17c 100644 --- a/index.css +++ b/index.css @@ -1,3 +1,7 @@ +body { + background-color:silver; +} + .header { widows:100%; height:200px; @@ -7,6 +11,7 @@ .header h1 { font-size:60px; + padding:10px; } .pfp { @@ -76,10 +81,6 @@ object-fit:cover; } -body { - background-color:silver; -} - h2 { text-align:center; } @@ -90,4 +91,25 @@ h2 { .descriptionbutton { text-align:center; +} + +@media all and (max-width:650px) +{ + + main { + flex-direction:column; + } + +} + +@media all and (max-width:370px) +{ + header { + text-align:center; + } + + nav { + display:flex; + flex-direction; + } } \ No newline at end of file diff --git a/index.html b/index.html index 6523c70b7..c8d130e59 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + +
@@ -36,9 +39,12 @@

Sheldon Cook

+
+ \ No newline at end of file diff --git a/web-Sprint-Challenge-User-Interface-and-Git b/web-Sprint-Challenge-User-Interface-and-Git new file mode 160000 index 000000000..f6891c6cf --- /dev/null +++ b/web-Sprint-Challenge-User-Interface-and-Git @@ -0,0 +1 @@ +Subproject commit f6891c6cf7c4bd86f4bcbc23a7fd1817f772391f