4 columns layout and resposive with Boostrap, animated underlines
Design comparison
Solution retrospective
If someone could tell me how to fix the underline decoration hover on the footer links when mobile size, i'd really apreciate it. I dont get why it does only happend on the footer links and not on others section links...
Community feedback
- @TeszarikEgonPosted over 3 years ago
Hi. The problem is the too wide underline on the footer links?
0@JavierBL89Posted over 3 years ago@TeszarikEgon Yes!, that is it. I could figured out how underline only the words instead of the whole grid..
0@TeszarikEgonPosted over 3 years ago@JavierBL89 Niceee:)
Probably you didn't update the website yet.
I also noticed you didn't add back the footer and the attribution section after closing the mobile nav.
0@JavierBL89Posted over 3 years ago@TeszarikEgon no sorry, i missed "not" haha, i meant to say..." could not figured out", so still having that issue, you know how could i fix it?
About the attribution section, i didn't realize.., is fixed now, thanks a lot!
0@TeszarikEgonPosted over 3 years ago@JavierBL89 Add this to the css file at line 513
.link-list-footer{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .link-list-footer a{ width: 70px; height: 25px; padding-bottom: 30px; }
I hope it works for you as well!
0@JavierBL89Posted over 3 years ago@TeszarikEgon Hey bud!! Sorry i didn't get back to you earlier, i've been slacking off for a few weeks 'cause i'd been on holidays and investing a bit of time learning the back end side. Your code works perfectly! and i have learnt about all the "flex properties" which seems to be a powerful tool!. Thank you so much!!
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