Abdul Khaliq 🚀• 72,660
@0xabdulkhaliq
Posted
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have a suggestion regarding your code that I believe will be of great interest to you.
CSS 🎨:
- The
attributionelements needs to be placed at the bottom of the screen. By doing so, it will helps us to resemble our solution with exact design image.
- So let me explain, How you can place the component at bottom with using
absolutepositioning forattribution.
- Oops, wait before moving on to placement of element we need to first change the
attributionelement fromdivtofooter. Because it contains information about the author of the section, copyright data or links to related documents.
- So the resulted the markup would be,
<body>
<main>
<div class="container">....</div>
</main>
<footer class="attribution">....</footer>
</body>
- By moving the
attributionoutside themainwill greatly help us to maintain accessibility standards along with providing easy way to style them!
- Now you just want to add
absoluteposition for<footer>element to place it in bottom of the page
body {
position: relative;
}
footer {
position: absolute;
bottom: 1em;
}
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
1
Deepu23456• 90
@Deepu23456
Posted
Thanks @0xabdulkhalid for your suggestion i will keep this in my mind for next time.
0
