odin-css-exercises/flex/02-flex-header/solution/solution.css
2021-08-24 12:22:46 -05:00

41 lines
No EOL
570 B
CSS

.header {
font-family: monospace;
background: papayawhip;
}
.logo {
font-size: 48px;
font-weight: 900;
color: tomato;
background: white;
padding: 4px 32px;
}
ul {
/* this removes the dots on the list items*/
list-style-type: none;
}
a {
font-size: 22px;
background: white;
padding: 8px;
/* this removes the line under the links */
text-decoration: none;
}
/* SOLUTION */
.header {
padding: 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
ul {
display: flex;
margin: 0;
padding: 0;
gap: 8px;
}