Emil Hristev• 70
@xristevich
Submitted
MARIO CARLAIBE DE ANDRADE
@MarioCarlaibe
All comments
@MarioCarlaibe
Posted
vc conseguiu apenas videos no youtube? parabéns, vc se saiu muito bem.
0- Veera Bramha Chary• 130
@Veerabramhachary
Submitted
@MarioCarlaibe
Posted
parabéns pelo projeto, apenas mudaria algumas fontes e o font-size dos subtitulos, mas ficou muito bom. continue firme
1 - Yasmin Silva• 60
@yasminsilva1
Submitted
What are you most proud of, and what would you do differently next time?
Estou orgulhosa do resultado final!
What challenges did you encounter, and how did you overcome them?
Uns dos desafios dessa página foi conseguir mudar a cor dos "pontos" (bullets) na lista não ordenada e a cor dos números nas listas ordenadas. Através desse desafio, acabei conhecendo o pseudo-elemento
::marker. Esse pseudo-elemento é especialmente útil quando você deseja uma personalização específica dos marcadores, mas sua compatibilidade pode variar entre navegadores, por isso é bom verificar a compatibilidade antes de usá-lo em um projeto.@MarioCarlaibe
Posted
parabéns, ficou perfeito, tudo em cima!
1 - Denner Silva• 40
@Denner-94
Submitted
What are you most proud of, and what would you do differently next time?
Me orgulho de consegui posicionar todos os elementos e espaços de forma harmônica e aproximar o projeto do original.
O que faria de diferente na próxima vez seria aumentar um pouco a altura do card.
What challenges did you encounter, and how did you overcome them?
O projeto no inicio estava bem tranquilo de resolver. Primeiro escrevi a mão todo o código HTML e consegui ter uma clareza sobre como desenvolver, porém quando iniciei a estilização tive uma dificuldade em deixar a imagem em formato de circulo. Aplicar apenas a propriedade border-radiuns:50% no seletor img não foi suficiente percebi que tinha algo estranho até mesmo na aplicação das margens. Fiquei bem inseguro e fui pesquisar sobre como poderia resolver, pois bem, encontrei a solução. Primeiro e tive que envolver a tag em uma . Fazendo assim, apliquei na algumas propriedades para depois posicionar melhor a imagem.
What specific areas of your project would you like help with?
Eu apliquei a largura e altura com unidades relativas para que o comportamento em outros tamanhos de telas seja positivo. Porém quanto testei no mobile sinto uma rolagem na altura como se o contêiner fosse maior que a tela. O card esta num tamanho ok, tanto na altura como na largura, mas o contêiner que envolve fica se movendo.
Gostaria de saber se isso é normal ou existe uma solução?
@MarioCarlaibe
Posted
parabéns, para te ajudar na questão da altura e largura da página, use medidas como width: 100vw; e heigth: 100vh; no body, e use a extensão do chrome perfect pixel para te ajudar em projetos sem o figma.
Marked as helpful
0 - zanfa97• 100
@zanfa97
Submitted
@MarioCarlaibe
Posted
parabéns zanfa, gostei muito. eu recomendo vc estudar mais sobre código limpo e semântica. apenas não gostei do footer que vc adicionou. acho que ficaria melhor dentro do cartão. mas foi uma ideia diferente, e eu dou valor a isso.
0 - Surjo-Sen-BD• 90
@Surjo-Sen-BD
Submitted
@MarioCarlaibe
Posted
muito bom, gostei de como vc usou o box-shadow e as variáveis das cores. parabéns
0
