Skip to content

Instantly share code, notes, and snippets.

@Cluaz

Cluaz/exercicio03-css-avancado.markdown

Created June 23, 2021 22:30
Show Gist options
  • Save Cluaz/a5774589a8dde6cd7f9531775cd79f91 to your computer and use it in GitHub Desktop.
Save Cluaz/a5774589a8dde6cd7f9531775cd79f91 to your computer and use it in GitHub Desktop.
Download ZIP
exercicio03-css-avancado
Raw
index.html
<body>
<header>
<h2>
<a href='#'>Logo</a>
</h2>
<nav>
<ul>
<li>Servicos</li>
<li>Ebooks</li>
<li class='menuHighlight'>Aprenda Frontend</li>
<li>Download</li>
<li>Contato</li>
</ul>
</nav>
</header>
<main>
</main>
</body>
Raw
style.css
header {
background: linear-gradient(to left, #00b09b, #96c93d);
height: ;
display: ;
justify-content: ;
align-items: ;
font-family: /* Escolha uma fonte*/;
color: ;
}
header h2 {
margin: ;
}
header h2 a {
text-decoration: ;
color: ;
}
header ul {
margin: ;
list-style: ;
}
header nav ul {
display: ;
width: ;
justify-content: ;
}
header nav ul .menuHighlight {
text-decoration: ;
}
main {
background-color: gray;
height: calc(100vh - 80px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment