Design comparison
Solution retrospective
I developed this solution with a mobile-first approach, that is what I am the most proud of with this solution. Once I got the mobile solution down, the rest of it was pretty much done at that point. If I were to do it differently, I probably would have styled the attribution differently or omitted it.
What challenges did you encounter, and how did you overcome them?One challenge I faced was getting the buttons to be spaced properly. I overcame this by putting them into their own button flex container and styling them from that instead.
What specific areas of your project would you like help with?Nothing in particular. I am open to feedback and ways I can improve my solution though.
PLEASE NOTE: I will probably end up putting my own socials/info into this solution and customizing it to my needs, so if you visit the live site and it does not reflect against the design, that is why :)
Community feedback
- @Alex-Archer-IPosted 5 months ago
There are could be a couple of improvements for your link list.
It's a list, so semantically it should be the
ul
tag witha
tags insideli
.Now only the text is clickable but not the rest of the element. To fix this, link must take all the space. For example, you can stretch it with the padding.
Cool hover effect, by the by.
Marked as helpful0@jacob-stone9554Posted 5 months ago@Alex-Archer-I Hi Alex, you are totally right, I completely forgot about
<ul>
and<li>
, I guess that's what I get for working on a solution so late at night hahaI'll take some time today or tomorrow and try to implement those changes
Thanks!
1@Alex-Archer-IPosted 5 months ago@jacob-stone9554
Yep. To code by the midnight is our curse and blessing. But, hey, I can enjoy the sunrise time to time.
1
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