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

Preview NFT Card responsive CSS/HTML

@Sara-Xavier

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


Gostaria de ajuda pra aprender a centralizar os ícones SVG com os textos.

Community feedback

@Draysongz

Posted

Hello sara, just went through your live site, you didn't add any active state to your design as seen in the design we were given but your design creation looks good enough. I also like the fact that you made it your own by inputting your name in the creation aspect. Your code is also well structured and i love your naming conventions, you're definitely gonna make a good front end developer but try to take notes of few things that you'll given by the UI designer.

Marked as helpful

0

@Sara-Xavier

Posted

@Draysongz Olá! Realmente, só coloquei os estados ativos nos textos e acabei deixando de lado o estado da imagem. Foi o primeiro projeto CSS que fiz realmente sozinha, sem a ajuda de um tutor, fiquei bem feliz com o resultado. Eu agradeço muito o seu comentário, vou cuidar um pouco melhor da endentação e anotações do código. Mais uma vez: obrigada pelo feedback!

0
Juca Perez 270

@jucajulian0907

Posted

Olá, Sarah! Parabéns à solução do seu desafio ficou muito bom!

O que você poderia fazer para centralizar os ícones e dar ao container que contém esses elementos estas propriedades:

display: flex; justify-content: space-between; align-items: center;

Voce pode testar elas, vao ficar bem centralizadas, boa sorte!

Marked as helpful

0

@Sara-Xavier

Posted

@jucajulian0907 Olá! Vou testar sim, muito obrigada! <3

0

@Sara-Xavier

Posted

Alguém consegue me explicar como a visualização do meu projeto está diferente da visualização do Site de Visualização? O código é o mesmo!

0

@Draysongz

Posted

@Sara-Xavier no usaste el tamaño del escritorio al diseñar el tamaño de escritorio es 1440px

Marked as helpful

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