Skip to content
OverviewSolutions
6
Comments
5

Vitor Lacerda

@vitorlfariaBrazil150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Vitor Lacerda•150
    @vitorlfaria

    Fala @Igor-mit, tudo bem?

    Ficou muito bom! Estou aprendendo js pra começar a pegar uns desafios aqui também.

    A única dica que eu daria é, como a @AgataLiberska já disse, colocar um max-width pra quando crescer a tela depois de um ponto ele ficar em um tamanho fixo e não ficar estranho ser dar pra ver direito a imagem de fundo.

    Keep coding and happy coding!

  • Vitor Lacerda•150
    @vitorlfaria

    Your design looks very good. The only thing remaining is to center it, like @Gascoigne09 said.

    Other thing that you can do is use flexbox on the body. Something like this should work:

    body{
   display: flex;
   align-items: center;
   justify-content: center;
}

    Let me know if this works for you. Keep coding and happy coding! =D

  • Vitor Lacerda•150
    @vitorlfaria

    Ficou muito bom e o responsivo está perfeito, parabéns!

    A única observação que tenho é sobre as font-weight parece que todos estão usando o mesmo peso ou 400 e 500. No guia de estilo diz que usa 700, 500 e 400, então acho que só faltou usar o 700 em alguns dos textos como no título principal.

    Keep coding and happy coding!

  • Vitor Lacerda•150
    @vitorlfaria

    Ficou muito bom Yudi! O responsivo também, ficou bom em todos os viewports que testei. Parabéns!

  • Vitor Lacerda•150
    @vitorlfaria

    Hello Cameron! how are you? hope u're good.

    For the background circles what i did was to put it directly in the body with css, them put it to no repeat and position it. You can make this like this 👇🏼

    body {
   background: url(the top image location), url(the bottom image location), the background color; /*This part is to put the images in the background*/
   background-repeat: no-repeat, no-repeat; /*This set the images to dont repeat*/
   background-position: left #vw top #vw, right #vw bottom #vw; /*here i used vw to position the images, but u can use the unit u prefer*/
}

    I hope it helps you. Let me know if this works for you too.

    #KeepCoding #HappyCoding