Skip to content
Submitted over 2 years ago

Help !! with background

Alephy [ BR ]•80
@alephy9
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I don't know how to put these two circles at the bottom of the site, help me, what should I do?

Also, I noticed that the man's profile picture has some of the site's background color showing through, if you zoom in you'll see! I couldn't take it off, why did this happen?

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    👾Fala Alephy, parabéns pelo seu novo desafio!

    Respondendo sua pergunta:

    Você tem que posicionar cada circulo com background-position olha o codigo abaixo, a virgula serve pra separar a posicao/configuracoes de cada circulo separadamente.

    body {
    background-image: url(../images/bg-pattern-top.svg) , url(../images/bg-pattern-bottom.svg);
    background-size: cover;
    background-position: top -666px left -473px, bottom -579px right -515px;
    background-repeat: no-repeat;
    background-color: gray;
    font-family: 'Kumbh Sans', sans-serif;
    background-color: hsl(185, 75%, 39%);
}

    Apliquei isso no seu código e vc ja vai conseguir ver os circulos, ai é só ajustar as posicoes melhor.

    0

Please log in to post a comment

Log in with GitHub

Join 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