Design comparison
Solution retrospective
Hi! I want to ask how to put the credit to the bottom of the page efficiently.. and I'd appreciate any feedback to improve my code⭐ Thanks in advance⭐⭐
Community feedback
- @Mr-jawPosted almost 2 years ago
Hello there 👋
congratulation on completing the challenge
HTML 📄
- replace
<div class="attribution">
with the<footer>
tag of the credit to fix accessibility issues.
CSS 🎨
- Use relative units like
em
orrem
for margin, padding, width, and height. most preferablyrem
for font sizing to make it more responsive. avoid usingpx
which is an absolute unit.
We can do the following to bring the credit to the bottom of the page
-
In the
body
element addposition: relative
-
add the following lines of codes somewhere in the CSS file
.attribution { position: absolute; bottom: 0; }
This will position the credit at the bottom of the page
change the value of the
bottom
property to adjust how far from the bottom of the page it should be locatedI hope this was useful 😊
HAPPY CODING
Marked as helpful0@meantoesPosted almost 2 years ago@Mr-jaw Hi! thank you so much for the tips and the feedback🙂 I'll try to use relative units from now on👩🏻💻 and thank you so much for the answer of my question!⭐⭐
0 - replace
Please log in to post a comment
Log in with GitHubJoin 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