Add initial CSS

2022-01-10 17:30:38 -05:00 · 2022-01-10 17:30:38 -05:00 · 3e7a835039
commit 3e7a835039
parent 824e0bb8e2
1 changed files with 120 additions and 0 deletions
--- a/grid/03-grid-layout-3/style.css
+++ 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;  
+}