odin-css-exercises/grid/03-grid-layout-3/style.css
2022-01-10 17:30:38 -05:00

120 lines
1.2 KiB
CSS

* {
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;
}