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

Desafio feito com CSS

@ViniciusCssHtml

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@JeremiasRincaveski

Posted

fala mano, parabéns pelos projetinhos, dei uma olhada por cima e percebi que tu ta alinhando o teu article com um padding no topo e justificando ele ao meio com o grid, para deixar ele mais fiel ao layout proposto tu pode alinhar ele com align-content: center, ou com o place-content: center que é uma abreviação do align com o justify, alem disso tu tem q definir uma altura para o body pois o tamanho dele por padrão é o max content, consegue fazer isso com a propriedade height: 100vh(vh é Viewport Height, a altura da tela do usuário), caso tu n coloque a altura maior que o article e coloque o place-content: center ele vai alinhar mas tu n vai ver o resultado, forte abraço. nada a ver com esse mas gostei da animação do link no teu primeiro projeto

Marked as helpful

0

@ViniciusCssHtml

Posted

@JeremiasRincaveski

Fala man! Valeu pela dica! A real é que eu estou ligado nisso kkkkk, o lance é que eu sou um cara preguiçoso e acabo só colocando uns 50 de padding para não ficar colado no topo da página mesmo kkkkkkkkkkkkkkkkkkkkkkk. Mas valeu meu manin, quando eu estiver um tempo vou refazer esses projetos todos ae! TMJ parceiro, vlw!!!

0

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