Profile card with html/css

Community feedback

• 

  Lucas Costa•350

  @LucasNCostaPosted about 2 years ago

  primeiramente, meus parabéns por concluir o desafio! agora vamos as dicas:

  "Body" é toda a área do site, "Main" é onde o conteúdo principal ficará, o fundo de circulos você deve aplicar no "body", recomendo usar "div" pra cada uma das imagens, não aplique dois "backgrounds" na mesma área pois fica difícil para posicionar. Pode deixar apenas o perfil dentro do "main".

  O nome você pode aplicar em um "h1" e a idade em um "p", juntamente com "display: inline-block;" nos dois parâmetros. irá facilitar na identificação (caso tenha problema no posicionamento pode usar "top" e "left" aplicando um "position: absolute;", pra funcionar tem que aplicar "position: relative;" no "body")

  A mesma técnica pode aplicar no restante do código.

  Pode usar o pacote inicial que o Frontend Mentor disponibiliza, lá tem instruções de fonte, cor, tamanho de fonte e tamanho de conteúdo.

  Tente usar outros parâmetros além de "p" e "span", também tente treinar posicionamento, isso ajudará bastante.

  Boa sorte e continue os estudos!

  Para aconcelhamento entre em: https://github.com/LucasNCosta/html-css/tree/main/treinar/profile-card

  0

  ---

  

  Success Daniel•60

  @RexbrainzPosted about 2 years ago

  @LucasNCosta muito obrigado Lucas

  1