Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Pagina com Cartão de Visualização NFT usando css flexbox

@JoaoPaul-S

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


2° projeto que faço, com certeza muito mais fácil que o anterior, mas ainda sim algumas coisas me deixaram louco.

  1. Tive dificuldade em relação aos marcadores das listas, os "bullet points" que ficam na frente do conteúdo, se reparar bem no símbolo de etherium em ciano e no símbolo de reloginho, ambos estão descentralizados em relação aos seus conteúdos, tem como centraliza-los? mesmo pesquisando não fui muito longe, agradeço se alguém puder explicar

  2. Ainda em relação aos marcadores, o conteúdo "creation of Jules Wyvern" está em formato de item de lista, eu pensei que assim seria mais fácil pra usar a foto do avatar, mas foi um saco, a imagem era muito grande e eu não encontrei uma forma de reduzi-la ainda como bullet point de lista, então importei como uma imagem comum no HTML e redimensionei, talvez essa fosse a proposta do desafio de qualquer forma mas, ainda sim, existe uma forma de controlar os bullet points das listas como se fossem uma imagem comum?

  3. O redimensionamento da imagem do avatar tbm foi meio complicado e o seu posicionamento também, eu achei que meu condigo tinha bugado por causa que os os conteúdos com comando de estado ativo não estavam funcionando, só que estavam, o erro era porque o container da imagem do avatar estava servindo como uma espécie de parede invisível entre os conteúdos, eu tentei diminuir o container só que quando mais eu diminuía mais o contêiner ia pra cima o que não deixava eu resolver nada, tem uma explicação pra isso?

Vai ser um feedback muito bem vindo agradeço desde já

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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