From 03e362362084e095fb21e98d75f0226558a52979 Mon Sep 17 00:00:00 2001 From: faravhe Date: Mon, 8 Aug 2022 23:56:23 -0400 Subject: [PATCH 01/17] style added with border boxing --- assets/css/style.css | 4 +++- index.html | 3 ++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 098a004..4756544 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,4 +1,6 @@ - +*{ + box-sizing: border-box; +} body { } diff --git a/index.html b/index.html index 75b7a7b..4802d1c 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,8 @@ - + + From a6ad04a93f89f960f1118aafa1668d4ed7c57900 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:04:12 -0400 Subject: [PATCH 02/17] Typeface "open sans" added --- assets/css/style.css | 3 ++- index.html | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index 4756544..1e52304 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,8 +1,9 @@ *{ box-sizing: border-box; + } body { - + font-family: 'Open Sans', sans-serif; } /* Navigation Styles */ diff --git a/index.html b/index.html index 4802d1c..875667b 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,10 @@ + + + + From f5eec82c2750b0263e2729713b08e32127a483ac Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:27:10 -0400 Subject: [PATCH 03/17] replace the property background color to background image in style.css, also new value assigned. --- assets/css/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 1e52304..e2012d4 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -28,13 +28,13 @@ li a:hover { } /* Header Styles */ -/* + header { - background-color: + background-image:"linear gradient",whitesmoke; } h1 { - color: -} */ + color:rgb(35, 47, 58); +} /* Main Page Content Styles */ From b881ab3dfc07ab691370914bfa2aa5a30823ddbb Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:28:39 -0400 Subject: [PATCH 04/17] li a padding coverted to shorthand. --- assets/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index e2012d4..7ee513c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -20,7 +20,7 @@ nav li { li a { display: block; color: white; - padding: 30px 30px 30px 30px; + padding: 30px; text-decoration: none; } li a:hover { From bdbbbca87ea8295ee30a972df522f2117e184f8c Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:30:08 -0400 Subject: [PATCH 05/17] li content from the nav moved to center. --- assets/css/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/css/style.css b/assets/css/style.css index 7ee513c..f9d5e4a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -22,6 +22,7 @@ li a { color: white; padding: 30px; text-decoration: none; + text-align: center; } li a:hover { background-color: rgb(40, 39, 39); From 9ff8510955a8080ee25cec7ad722aa9da818a088 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:31:55 -0400 Subject: [PATCH 06/17] Heading aligned in the center. --- assets/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index f9d5e4a..9de0bb0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -48,7 +48,7 @@ section { margin: auto; } .center-title { - + text-align: center; } /* About Section Styles */ From 0d5c6eaecf78a4f10c032da1ad1b736bdea9c91b Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:35:52 -0400 Subject: [PATCH 07/17] moved the width value for the figure selector from html to css. --- assets/css/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/css/style.css b/assets/css/style.css index 9de0bb0..d27f8d0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -64,6 +64,7 @@ section { } figure { display: flex; + width: 30%; } From 3e6bc41403ebfbd3fe9370a2ce78a0f6816ff640 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 00:51:38 -0400 Subject: [PATCH 08/17] flex firected to row for the Section,#about-sec and fiqure. --- assets/css/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index d27f8d0..93a3511 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -43,7 +43,7 @@ h1 { section { display: flex; justify-content: center; - + flex-direction: row; width: 80%; margin: auto; } @@ -54,6 +54,7 @@ section { /* About Section Styles */ #about-sec { display: flex; + flex-direction: row; } #about-sec div { @@ -65,7 +66,7 @@ section { figure { display: flex; width: 30%; - + flex-direction: row; } /* Aside Styles */ From 2dbb3acfc1ede13a284bd8ffc637deea3eb095b4 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 01:05:05 -0400 Subject: [PATCH 09/17] aside element edited by border,margin,color and background color. --- assets/css/style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index 93a3511..fba1e48 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -73,7 +73,10 @@ figure { aside { display: flex; flex-direction: column; - + border: 4px double black; + margin: 1em 0; + color: rgba(35, 47, 58, 0.05); + background-color: rgba(35, 47, 58, 0.05); } /* Table - Concert Schedule Styles */ From 70f8261d8fb795d9b158fe281ed183ddb2846167 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 01:15:01 -0400 Subject: [PATCH 10/17] p element edited nested inside aside. --- assets/css/style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index fba1e48..62f90df 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -78,6 +78,17 @@ aside { color: rgba(35, 47, 58, 0.05); background-color: rgba(35, 47, 58, 0.05); } +aside p{ + font-weight: 600; + font-weight: 1.25em; + background-color: rgb(35, 47, 58); + color:whitesmoke; + padding: 0.25em; + margin: 0; + text-transform: uppercase; + border-bottom: 4px double rgba(0, 0, 0, 0.77); + opacity: 0.6; +} /* Table - Concert Schedule Styles */ #concert-schedule-sec { From 8965bcad8fe11a7603f20413592ba86ba91b98a6 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 01:25:34 -0400 Subject: [PATCH 11/17] ul and a element edited nested inside aside. --- assets/css/style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index 62f90df..1d25084 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -89,6 +89,17 @@ aside p{ border-bottom: 4px double rgba(0, 0, 0, 0.77); opacity: 0.6; } +aside ul{ + font-size: 0.9em; + margin: 1em; + padding: 0 0 0.75em 1em; +} +aside ul li a{ + text-align: justify; + color: rgb(35, 47, 58); + padding: 0; + text-decoration: underline; +} /* Table - Concert Schedule Styles */ #concert-schedule-sec { From 227ce3a0cf4994aca494efd394ffb269fdf43c74 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 01:44:09 -0400 Subject: [PATCH 12/17] figcaption edited as the instruction from readme.md, task16 and 17. --- assets/css/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index 1d25084..8394f7e 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -68,6 +68,14 @@ figure { width: 30%; flex-direction: row; } +figcaption{ + font-style: italic ; + background-color: rgba(35, 47, 58); + color: whitesmoke; + padding: 0.25em; + opacity: 0.5; + font-size: 0.85em; +} /* Aside Styles */ aside { From 08dc2820c6125b5df42bfd2eeb9ee3b30ae28317 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 01:52:07 -0400 Subject: [PATCH 13/17] h2 ruleset added followed by task18 and 19. --- assets/css/style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index 8394f7e..bdc6848 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -57,6 +57,13 @@ section { flex-direction: row; } +#about-sec h2{ + font-size: 1.95em; + padding: 0 1.5em; +} +#about-sec #about-blurb{ + padding: 0 2.5em; +} #about-sec div { display: inline-flex; flex-direction: row; From bfc0efae28c88282e15172b1ab0960a6ec2eaf54 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 19:34:21 -0400 Subject: [PATCH 14/17] concert scadule table edited by following task 20. --- assets/css/style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index bdc6848..a02ed3d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -118,9 +118,12 @@ aside ul li a{ /* Table - Concert Schedule Styles */ #concert-schedule-sec { - max-width: 940px; + width: 100vw; margin: 0 auto; height: max-content; + color:rgb(255, 54, 154); + background-color: black; + padding: 2em; } /* Form - Ticket Form Styles */ From 64c1e24b526c913c6c0eeeb4ee86587ab0f05139 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 19:39:52 -0400 Subject: [PATCH 15/17] #concert-schedule-sec h3 selected added in the style set for font sizing. --- assets/css/style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index a02ed3d..07f0e10 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -125,6 +125,9 @@ aside ul li a{ background-color: black; padding: 2em; } +#concert-schedule-sec h3{ + font-size: 2em; +} /* Form - Ticket Form Styles */ form { From abc64ed16ccd702b58ac06e089b6fa05437c0954 Mon Sep 17 00:00:00 2001 From: faravhe Date: Tue, 9 Aug 2022 19:49:32 -0400 Subject: [PATCH 16/17] Bonnus challege. --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 875667b..3094803 100644 --- a/index.html +++ b/index.html @@ -13,10 +13,10 @@ @@ -43,7 +43,7 @@

About.

- harrystyles + harrystyles
Harry Styles performing free concert fundraiser for US wildfire relief @@ -59,7 +59,7 @@

About.

  • From Redditch, United Kingdom
  • Height: 6'0"
  • Music Group: One Direction (since 2010)
    • -
  • See Movies
    • +
  • See Movies
    • From e4d12ebbe823d556664d2a187701483635182117 Mon Sep 17 00:00:00 2001 From: faravhe Date: Wed, 17 Aug 2022 14:10:10 -0400 Subject: [PATCH 17/17] I have made an edit to the file --- assets/css/style.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 07f0e10..4de270b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -43,7 +43,6 @@ h1 { section { display: flex; justify-content: center; - flex-direction: row; width: 80%; margin: auto; } @@ -54,7 +53,7 @@ section { /* About Section Styles */ #about-sec { display: flex; - flex-direction: row; + flex-direction: column; } #about-sec h2{ @@ -65,15 +64,14 @@ section { padding: 0 2.5em; } #about-sec div { - display: inline-flex; - flex-direction: row; + display: flex; flex-wrap: nowrap; justify-content: space-evenly; } figure { - display: flex; + display: inline-flex; width: 30%; - flex-direction: row; + flex-direction:column; } figcaption{ font-style: italic ;