From 70ac8ffe5e3c1bc356214434d235be2de8fe25fe Mon Sep 17 00:00:00 2001 From: Amanda Date: Wed, 8 Dec 2021 02:03:06 -0500 Subject: [PATCH] Final submission of project --- index.html | 11 ++++++--- style/index.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 66 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index de58fe06d..5a4a1c7f7 100644 --- a/index.html +++ b/index.html @@ -8,17 +8,22 @@
-

AMANDA FAHEY

-

My Projects

+

My Projects

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure facilis obcaecati esse dignissimos adipisci doloribus harum similique fugiat pariatur, sed id aliquam animi maxime, vitae commodi, dolor deleniti. Architecto, facere.

- + +
+
+
diff --git a/style/index.css b/style/index.css index e427cb25c..ef585519e 100644 --- a/style/index.css +++ b/style/index.css @@ -1,11 +1,39 @@ +*{ + box-sizing: border-box; + padding: 0%; + margin: 0% + max-width:100%; +} + +html{ + font-size:62.5%; +} + +body{ + font-size:1.6rem; +} + +section{ + padding:4% 0; +} + + .top { display: flex; flex-direction: column; justify-content: center; text-align: center; + width:80%; + margin:0 auto; } - +.bg-img{ + background-image:url('https://images.unsplash.com/photo-1638898863117-9625f88614e7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyM3x8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=60'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + height: 50vh; +} footer { background-color: lightgrey; @@ -24,4 +52,32 @@ footer { width: 200px; text-align: center; padding: 20px; -} \ No newline at end of file +} + +@media(max-width: 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; + } + .row{ + flex-wrap:wrap; + } + .row img{ + width: 40%; + margin:4% 0; + } +} +