Entrar Ainda não tem acesso?
1
resposta

Desafio mão na massa.4

Referente ao curso CSS: Flexbox e layouts responsivos, no capítulo Menu flexível e atividade Desafio mão na massa

por Estanislau Antonio da Silva Junior
| 55.9k xp | 186 posts

Css

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: "Jura", sans-serif;
    background: linear-gradient(180deg, #154580 0%, #041833 100%);
    color: white;
    height: 100vh;
    width: 100vw;
  }
  
  .titulo {
    position: absolute;
    top: 30px;
    left: 180px;
    font-size: 34px;
    font-weight: bold;
    text-decoration: underline 3px;
    text-underline-offset: 25px;
  }
  
  .quadros__container {
    width: 1150px;
    height: 600px;
    position: absolute;
    left: 176px;
    top: 120px;
    background: #525c63d8;
    padding: 10px;
    border-radius: 10px;
  }

Resultado.

Resultado

1 resposta
por Mike de Sousa
| 1415.8k xp | 2582 posts
Alura Scuba Team Suporte Educacional

Olá, Estanislau, como vai?

Seu código está bem estruturado e utiliza boas práticas de estilização. A escolha do linear-gradient no background e o uso de box-sizing: border-box demonstram um cuidado especial com a responsividade e aparência da página.

Continue praticando e compartilhando seus avanços, o fórum está à disposição.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!