From f43be353a73c4000cdc6abb6b16d38492be12717 Mon Sep 17 00:00:00 2001 From: abanoub nagib Date: Wed, 15 Feb 2023 01:20:46 -0800 Subject: [PATCH 1/2] completed --- index.html | 59 ++++++++++++++++++++++++++++++++++++++++++++++++- style/index.css | 55 ++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 112 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d01f779ff..28ad658b7 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,65 @@ Document + - +
+ +
+
+ +
+
+
+
+ +

Project A

+
+
+ +

Project A

+
+
+ +

Surprise..! its Project A again

+
+ + +
+
+
+ +

Just to be sure

+
+
+ +

Last time i promise

+
+
+ +

.

+
+
+
+ + + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..6d697da05 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,54 @@ -/* Add CSS styling here */ \ No newline at end of file +nav { + display: flex; + justify-content: space-between; +} + +.firstSection { + display: flex; + justify-content: center; +} + +.firstButton { + background-image: url("https://picsum.photos/600/400"); + background-repeat: no-repeat; + background-size: cover; + color:aliceblue; + font-size: large; + width: 600px; + height: 400px; +} + +.firstRow { + padding: 20px; + display: flex; + justify-content: space-evenly ; +} + +.projectElement { + text-align: center; +} + +footer { + background-color: lightgray; + padding: 20px; + text-align: center; +} + +button { + background-color:aliceblue; + color: black; + border: black solid 1px; + padding: 5px 10px; + +} + +button:hover { + background-color:black; + color: aliceblue; + border: aliceblue solid 1px; +} + +button a { + text-decoration: none; + color: inherit; +} \ No newline at end of file From 5a6b4647865f42d3813e6e4ed9f8bad8fce35d44 Mon Sep 17 00:00:00 2001 From: abanoub nagib Date: Mon, 20 Feb 2023 17:58:08 -0800 Subject: [PATCH 2/2] completed Day2 --- index.html | 6 ++---- style/index.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 57 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 28ad658b7..64344e1c3 100644 --- a/index.html +++ b/index.html @@ -10,12 +10,12 @@
@@ -41,8 +41,6 @@

Abanoub Mekhail

- -

Just to be sure

diff --git a/style/index.css b/style/index.css index 6d697da05..e2f3c7037 100644 --- a/style/index.css +++ b/style/index.css @@ -1,3 +1,23 @@ +*{ + box-sizing: border-box; + padding: 0; + margin: 0; + max-width: 100%; +} +html{ + font-size: 62.5%; +} + +body{ + font-size: 1.6rem; +} +h1{ + font-size: 4rem ; +} + +header, section { + padding: 4% 0; +} nav { display: flex; justify-content: space-between; @@ -19,9 +39,14 @@ nav { } .firstRow { - padding: 20px; + display: flex; justify-content: space-evenly ; + flex-wrap: wrap; +} +.firstRow div{ + width: 30%; + margin: 2% 0; } .projectElement { @@ -51,4 +76,33 @@ button:hover { button a { text-decoration: none; color: inherit; +} +@media(max-width: 800px){ + +} +@media(max-width: 500px){ + nav{ + display: flex; + flex-direction: column; + align-items: center; + width:100% + } + .links{ + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + } + .links button{ + width:40%; + margin: 0.5% 0; + + } + .firstSection{ + width:80% ; + margin: 0 auto; + } + .firstRow div{ + width: 40%; + } } \ No newline at end of file