From 340d4543a3bc1f920ab6192ffe8cec322a6cea75 Mon Sep 17 00:00:00 2001 From: Alexandra Vasinova Date: Tue, 30 May 2023 12:41:45 +0200 Subject: [PATCH 1/2] Adding CSS file --- styles.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..e69de29 From 2a156e6378978e21cf4b9141cb73502dec354e43 Mon Sep 17 00:00:00 2001 From: Alexandra Vasinova Date: Tue, 30 May 2023 16:47:11 +0200 Subject: [PATCH 2/2] adding updated CSS file --- index.html | 8 ++-- styles.css | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 114 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 72b560d..98fb31a 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,8 @@ My Personal Web Page + +
@@ -14,8 +16,8 @@

Welcome to My Personal Web Page

-
-
+
+

About Me

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor @@ -23,7 +25,7 @@

About Me

magna leo.

-
+

Contact Information

Email: info@example.com

Phone: 123-456-7890

diff --git a/styles.css b/styles.css index e69de29..30f0bda 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,109 @@ + +@media (min-width: 601px) { + body { + background-color: rgb(220, 214, 214); + + } + + nav ul { + + display: flex; + flex-direction: row; + + } + + li:nth-of-type(1) { + + margin-right: 20px; + } + + li:nth-of-type(2) { + + margin-right: 20px; + } + + + + + + .div { + display: flex; + flex-direction: row; + gap: 15q0px; + background-color: rgb(252, 250, 250); + padding: 20px; + text-align: left; + + + } + + .section_1 { + + width: 30%; + + + } + + .section_2 { + + + width: 40%; + + + } + + + +} + + + + + + + +ul{ + + list-style-type: none; + +} + +a { + + text-decoration: none; + color: rgb(84, 81, 81) +} + +footer { + text-align: center; +} + + + + + +/*************************** Media Tags************************** */ + + +@media (max-width: 600px) { + + + + body{ + background-color: rgb(220, 214, 214); + text-align:center +} + + + .div { + display: flex; + flex-direction: column; + background-color: rgb(252, 250, 250); + padding: 20px; + text-align: left; + + + } + + +} \ No newline at end of file