
Sheldon Cook
+ +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!





diff --git a/index.css b/index.css new file mode 100644 index 000000000..1d892b17c --- /dev/null +++ b/index.css @@ -0,0 +1,115 @@ +body { + background-color:silver; +} + +.header { + widows:100%; + height:200px; + display:block; + background-color:#b30000; +} + +.header h1 { + font-size:60px; + padding:10px; +} + +.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; +} + +h2 { + text-align:center; +} + +.description { + text-align:center; +} + +.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 d01f779ff..c8d130e59 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,48 @@
-
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!




