HTML and CSS static NFT design

Please log in to post a comment
Log in with GitHubCommunity feedback
- @denielden
Hi Tony, great work!
For center the card on the page try to use Flexbox: give the flexbox and
height
properties to thebody
and removemargin
from.container
class.Read here -> Flexbox
Note: Flexbox aligns to the size of the parent container.
You can use the
vh
measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.Happy coding!
Marked as helpful - @rsrclab
Hi, ~
Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like the image overlay effect on your project. Especially I like BEM structuring on your project.
Here are some of the tips I like to provide.
- On smaller devices, responsiveness doesn't work well, and I think that's because of
viewport
meta on html head. - Please try BEM for naming element classes. It will help you a lot on bigger projects.
- There is no hover effects on image and other elements. It's also one of challenging part here.
- Image tags must have alt attributes as standard.
https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH
Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.
Cheers ~
Marked as helpful - On smaller devices, responsiveness doesn't work well, and I think that's because of
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