Design comparison
Solution retrospective
Tive bastante dificuldade em incluir os 2 background redondos e também não consegui deixar eles fixados abaixo do card. Aceito dicas de como manipular o background para inserir esses dois círculos e manter eles fixos abaixo do card.
Community feedback
- @danielmrz-devPosted 12 months ago
Fala, Leo! Beleza?
Eu passei exatamente essa mesma dificuldade com o background, mas um ser iluminado aqui da comunidade me ajudou. Serei este ser iluminado pra você agora 😂
Segue o código:
body { 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; }
No meu caso, eu não sabia que era possível inserir duas imagens juntas pra background, e ainda manipular suas posições juntas também através do
background-position
.Foi um baita aprendizado por aqui. Espero que te ajude!
Abraço!
0@Leonardo-MarcilinoPosted 9 months ago@danielmrz-dev Valeu mesmo viu, eu fiquei quebrando e quebrando a cabeça tentando posicionar ambos os background com esse comando background-position, mas não ia de jeito nenhuma kkkkkkk.
Vou inplementar essa linha e ver como fica
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