odin-default-css-exercises/flex/07-flex-layout-2/style.css

29 lines
509 B
CSS

body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: 0;
min-height: 100vh;
}
.header {
height: 72px;
background: darkmagenta;
color: white;
}
.footer {
height: 72px;
background: #eee;
color: darkmagenta;
}
.sidebar {
width: 300px;
background: royalblue;
box-sizing: border-box;
}
.card {
border: 1px solid #eee;
box-shadow: 2px 4px 16px rgba(0,0,0,.06);
border-radius: 4px;
}