From 100d7776a91119e0fecaee0e8e4c9f81e1c8d515 Mon Sep 17 00:00:00 2001 From: Danelia Sanchez Date: Sun, 16 Aug 2020 23:26:06 -0500 Subject: [PATCH 1/3] bar top finished --- index.html | 32 ++++++++++++++++++++++++++++++++ styles.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 82 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..a275bb6 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + + + Flexbox: App bar top + + +
+
+ + + +
+
+
+ +

Page Title

+
+ +
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..2bde807 --- /dev/null +++ b/styles.css @@ -0,0 +1,50 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + margin: 0; + padding: 0; + min-height: 100vh; + color: white; +} + +.figures { + background: #4c00d5; + display: flex; + justify-content: flex-end; +} + +.figures i { + margin: 7px; +} + +.container { + background: #6200ee; + display: flex; + justify-content: space-between; +} + +.container i { + font-size: 32px; +} + +.container__left { + display: flex; + align-items: center; +} + +.container__right ul { + display: flex; + align-items: center; +} + +.container__right li { + list-style-type: none; + margin-right: 35px; +} + +.container__left h1 { + margin-left: 35px; +} + +.container__left span { + margin-left: 20px; +} \ No newline at end of file From d448c1d21a4346e10d02b14913da83f6106a616b Mon Sep 17 00:00:00 2001 From: Danelia Sanchez Date: Sun, 16 Aug 2020 23:41:04 -0500 Subject: [PATCH 2/3] fix icons --- styles.css | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/styles.css b/styles.css index 2bde807..f5ce3c2 100644 --- a/styles.css +++ b/styles.css @@ -23,7 +23,7 @@ body { } .container i { - font-size: 32px; + font-size: 28px; } .container__left { @@ -31,20 +31,24 @@ body { align-items: center; } +.container__left h1 { + margin-left: 35px; +} + +.container__left span { + margin-left: 20px; +} + +.container__right { + display: flex; +} + .container__right ul { display: flex; - align-items: center; } .container__right li { list-style-type: none; margin-right: 35px; + align-self: center; } - -.container__left h1 { - margin-left: 35px; -} - -.container__left span { - margin-left: 20px; -} \ No newline at end of file From b7f3f7da30d31a05f3f5195979d0962fc79a76c1 Mon Sep 17 00:00:00 2001 From: Danelia Sanchez Date: Sun, 16 Aug 2020 23:49:54 -0500 Subject: [PATCH 3/3] update index.html --- index.html | 6 +++--- styles.css | 12 ++++++------ 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index a275bb6..bbffb16 100644 --- a/index.html +++ b/index.html @@ -15,12 +15,12 @@
-
+

Page Title

-