Design comparison
Solution retrospective
Hi everyone!
As soon as I saw this challenge I wanted to so it asap because it looked like a newbie level and it was definitely easier than the other ones. It took me around 40 minutes to complete it together with the screenshots, readme etc.
I have one question tho. How do you make the footer 'float' to the bottom and center?
Please let me know what else I could improve.
Thanks and happy coding!
Aneta
Community feedback
- @techantherePosted almost 3 years ago
Nice effort @anetaanette, keep it up. I think you should just put some margin-top on attribution class. I will really recommend not to use the class selectors this way, instead you can simply put the name of the element or better to use classes and then select that same class only for styling. Like for instance, instead of using body > main, use main, replace body > main > img with img selector only. Putting higher specificity is not a good choice unless really required.
Marked as helpful0 - @skyv26Posted almost 3 years ago
Hi! Use below property to center
width: 100%; bottom: 2%; left: 50% transform: translate(-50%, -2%);
It will make your footer center.
0@anetaanettePosted almost 3 years ago@skyv26 somehow with the bottom 2% it didn't work :( but i changed it to 0 and its just fine. thanks tho!
0
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