personal-security-checklist/web/src/components/starter/header/header.module.css

45 lines
559 B
CSS

.wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
display: inline-block;
}
.logo a {
display: block;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 30px;
}
.header li {
display: none;
margin: 0;
padding: 0;
font-size: 0.7rem;
}
.header li a {
color: white;
display: inline-block;
padding: 0;
text-decoration: none;
}
.header li a:hover {
color: var(--qwik-light-blue);
}
@media (min-width: 450px) {
.header li {
display: inline-block;
}
}