Site Header
Example
See Kitchen Sink for a more expanded view.
Code
HTML
<header class="site-header">
<div class="logo grid-xxl">
<a href="/">
<img src="/white-logo.svg" alt="University of Michigan Dearborn" />
</a>
</div>
</header>
1
2
3
4
5
6
7
2
3
4
5
6
7
CSS
header.site-header {
background-color: #00274c;
padding: 1.5625rem 0;
}
@media screen and (max-width: 39.9375em) {
header.site-header .logo img {
width: 85%;
}
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9