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

Responsive preview card made with flexbox

Nico Pom 150

@NicoPom

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


Hi everybody !

This is my first project with html and css. Could you guys give me your opinion and advices regarding my code ?

Thanks in advance

Community feedback

@retrovertigo1981

Posted

Hello, I was reviewing your code and you did a very good job, congratulations for that. There are some things that you can improve, since I realized the hover effect of the image is outside the card, maybe using a position:absolute to the image and a display:flex in the parent container would be better. My recommendation is that you take a look at the BEM methodology for class naming and study the use of priorities and specificity in CSS, that could help you a lot to improve your code. If you like you can review my solution to the challenge and comment on it.

https://www.frontendmentor.io/solutions/ntf-card-component-using-html-and-css-Dn9cJV3YP

greetings from Chile

~cheers

0

Nico Pom 150

@NicoPom

Posted

@retrovertigo1981 Hi Seb ! Thanks for your advice ! I'll look into everything you said and go check your solution.

cheers

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