Design comparison
Community feedback
- @correlucasPosted over 2 years ago
👾Fala ,tudo bem? Parabéns pelo desafio!
Acabei de ver seu desafio e vi que você já fez a maioria das coisas, também gostei do efeito hover que você colocou n card, acho que a única coisa que ficou faltando é o background com os dois circulos, pra fazer isso você precisa só de mexer no
body
e colocar as propriedadesbackground-image
ebackground-position
.Note que cada uma dessas propriedades deixa vc colocar mais de um elemento, basta separar com a virgula.
Eu inseri os dois circulos no seu código e vc pode ver eles funcionando no body no codigo aqui embaixo:
background-color: hsl(185deg, 75%, 39%); background-image: url(../images/bg-pattern-top.svg), url(../images/bg-pattern-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: top -500px left -82px, bottom -608px right 52px;
👋 Espero ter ajudado e continue no foco!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord