diff --git a/lab-html-css-flex-layout b/lab-html-css-flex-layout new file mode 160000 index 0000000..fae0438 --- /dev/null +++ b/lab-html-css-flex-layout @@ -0,0 +1 @@ +Subproject commit fae0438fe74f5a3ca04d63e820392fae438f26a0 diff --git a/style.css b/style.css index 8b13789..f16b142 100644 --- a/style.css +++ b/style.css @@ -1 +1,73 @@ +@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;700;800&display=swap"); +* { + margin: 0; + padding: 0; +} +body { + font-family: "Nunito Sans", sans-serif; + background-color: white; + color: white; + font-size: 10px; +} + +header { + font-family: "Nunito Sans", sans-serif; + background-color: orange; + color: white; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.5em; + font-weight: normal; + height: 120px; +} + +#main { + display: flex; + flex-direction: row; +} + +#main nav { + width: 230px; + height: 500px; + margin-top: 10px; + font-size: 2em; + background-color: #657432; + padding: 10px; +} + +#main article { + width: 1000px; + height: 500px; + margin-top: 10px; + margin-left: 10px; + font-size: 1.65em; + background-color: #99925b; + padding: 10px; + font-size: 20px; + margin-left: 5px; + font-family: "Nunito Sans", sans-serif; +} + +#main aside { + width: 230px; + height: 500px; + margin-top: 10px; + margin-left: 10px; + font-size: 2em; + background-color: #657432; + padding: 10px; +} + +footer { + margin-top: 10px; + background-color: orange; + color: white; + display: flex; + align-items: center; + font-size: 2em; + font-weight: normal; + height: 80px; + padding-left: 10px; +} \ No newline at end of file