Desafio: aplicando a function de box-shadow no projeto Serenatto

Oi, Estanislau! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Notei que você aplicou diferentes valores de box-shadow para o header e para os modais, ajustando o destaque visual de forma sutil e eficaz. Esse tipo de cuidado com sombras traz mais profundidade ao layout! Continue assim!

Uma dica interessante para o futuro é criar uma function no Sass para padronizar a aplicação do box-shadow, facilitando manutenções futuras. Veja este exemplo:

@function sombra($x, $y, $blur, $cor) {
  return #{$x} #{$y} #{$blur} #{$cor};
}

.box {
  box-shadow: sombra(0, 0, 10px, rgba(0, 0, 0, 0.3));
}

Esse código define uma função chamada sombra que recebe os parâmetros de sombra e retorna a string no formato correto para o CSS.

Qualquer dúvida que surgir, compartilhe no fórum. Abraços e bons estudos!

Para saber mais:

Sugestão de conteúdo para você mergulhar:

• [Artigo] - Alterando CSS com JavaScript

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