No Workshop: "A minha primeira página web" vais criar uma página com código HTML, CSS e JavaScript. *Começa por adicionar o seguinte código HTML no editor:* `code` NAVBAR

Lorem ipsum dolor sit amet consectetur,
adipisicing elit.

Ver Mais

`code` *Agora que trataste da estrutura da página, vais melhorar o seu aspeto visual com CSS: Adiciona o seguinte código no editor de CSS:* * { margin: 0; padding: 0; box-sizing: border-box; } body { background-image: url(https://conceitoideal.com.br/wp-content/uploads/2013/07/overpower-centro-automotivo.jpg); font-family: Arial, Helvetica, sans-serif; max-width: 100%; background-repeat: no-repeat; background-size: cover; } .container { padding: 3%; margin: 0 auto; } nav { display: flex; align-items: center; justify-content: space-between; } nav ul { list-style: none; } nav .logo { font-size: 30px; color: whitesmoke; font-weight: bold; } a { text-decoration: none; color: whitesmoke; } nav ul li { display: inline-block; } nav ul li a { padding: 10px 20px; font-size: 16px; border-radius: 30px; transition: 0.5s; } nav ul li a:hover { background-color: brown; } .logo { cursor: pointer; } h1 { color: whitesmoke; margin-top: 150px; font-size: 23px; } .btn { margin-top: 20px; display: inline-block; padding: 10px 20px; background-color: brown; border-radius: 20px; transition: 0.5s; } .btn:hover { background-color: rgb(121, 21, 21); }

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Lorem ipsum dolor sit amet consectetur,
adipisicing elit.

Challenges tagged CSS Flexbox Responsive Design

Responsive Navbar