nft-preview-card-component Using HTML and CSS

Solution retrospective
Open to feedbacks and suggestion.
Here are some questions:
- How to fix footer at the very end without using margin?
- What unit does web developers use this days? Is it necessary to use rem? If so why?
Thanks in Advance!!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @dnksebastian
Hello,
-
you can position the footer by using 'position: fixed' or 'position: absolute' on your '.attribution' element, and then moving it as you like with 'bottom' and 'right/left' values. As for the footer, you can also get rid of the nested div and use the '.attribution' class directly on your <footer> tag, which would tidy up your code a little.
-
As for the units - it all depends on what you need really. However, relative units such as rem or % are more common because typically you want your project to be responsive. I recommend Kevin Powell's video - 'Are you using the right CSS units?' which explains this topic in detail.
Hope this helps!
Marked as helpful -
- Account deleted
hi there,
-
you can add the footer at the very end of the page by using position property so try to set these properties to the footer
position:relative; top:190px;
and it will be at the bottom -
px,rem are widely used also % you can use any of them but if you care that much about accessibility use rem
Marked as helpful -
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