Etapa 2 - Estilo CSS

Commit: Etapa 2 - estilo CSS

Objetivo

Deixar a página bonita e com a identidade visual da Venturus.

O que foi feito

• Criamos o css/style.css e ligamos ele no index.html.
• Fundo roxo (#8716D5) e uma caixa branca com bordas arredondadas no meio da tela.
• Botão roxo que escurece quando o mouse passa por cima (:hover).
• As duas colunas lado a lado usando Flexbox:

.quadro { display: flex; gap: 15px; }
.coluna { flex: 1; }

• Versão para celular: em telas pequenas as colunas ficam uma embaixo da outra.

@media (max-width: 500px) {
  .quadro { flex-direction: column; }
}

• Já deixamos prontas as classes que o JavaScript vai usar depois: .feita (risca a tarefa), .destaque e .arrastando.

Escolhas

• O CSS cuida de toda a aparência. O JavaScript só vai ligar e desligar classes.

< Anterior | Próxima: Etapa 3 >