@danielmrz-dev
Posted
Fala, @Iago-Marques
Sua solução ficou ótima!
O padrão de fundo com os círculos é um pouco complicado, mas você não precisa de contêineres separados para criá-lo, pois é possível trabalhar com várias imagens de fundo ao mesmo tempo. Você pode fazer isso dessa forma:
📌 Adicione isso ao body:
background-color: var(--Dark-cyan);
background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
background-repeat: no-repeat, no-repeat;
background-position: right 52vw bottom 35vh, left 48vw top 52vh;
Espero que ajude!
Fora isso, você fez um excelente trabalho!
Marked as helpful
@Iago-Marques
Posted
@danielmrz-dev Meus deus man que dica sensacional, não sabia que conseguia usar várias propriedades na mesma tag da background-image, Ajudou demais fico feliz e sempre aprendendo! OBRIGADO!