From 3e7a835039586278d5a0e39b9f71c9ddd22a238b Mon Sep 17 00:00:00 2001 From: Daniel Murphy Date: Mon, 10 Jan 2022 17:30:38 -0500 Subject: [PATCH] Add initial CSS --- grid/03-grid-layout-3/style.css | 120 ++++++++++++++++++++++++++++++++ 1 file changed, 120 insertions(+) create mode 100644 grid/03-grid-layout-3/style.css diff --git a/grid/03-grid-layout-3/style.css b/grid/03-grid-layout-3/style.css new file mode 100644 index 0000000..d63b170 --- /dev/null +++ b/grid/03-grid-layout-3/style.css @@ -0,0 +1,120 @@ +* { + margin: 0; + padding: 0; +} + +.container { + text-align: center; + +} + +.container div { + padding: 15px; + font-size: 32px; + font-family: Helvetica; + font-weight: bold; + color: white; +} + +.header { + background-color: #393f4d; + +} + +.logo { + +} + +.menu { + +} + +.menu ul { + +} + +.menu ul, +.menu li { + font-size: 16px; + +} + +.sidebar { + background-color: #FF7755; + +} + +.sidebar .photo { + background-color: white; + color: black; + font-size: 12px; + font-weight: normal; + border-radius: 10px; +} + +.photo { + +} + +.sidebar .side-content { + background-color: white; + color: black; + font-size: 16px; + font-weight: normal; + +} + +.nav { + background-color: #FF7755; + +} + +.nav ul { + +} + +.nav ul li { + font-size: 16px; + text-transform: uppercase; +} + +.article { + background-color: #bccbde; + +} + +.article p { + font-size: 18px; + font-family: sans-serif; + color: white; + text-align: left; +} + +.article .card { + background-color: #FFFFFF; + color: black; + text-align: center; + +} + +.card p { + color: black; + font-weight: normal; + font-size: 14px; + +} + +.card .title { + font-size: 18px; + text-align: center; +} + +.footer { + background-color: #393f4d; + +} + +.footer p { + font-size: 13px; + font-weight: normal; +}