Design comparison
Solution retrospective
I was able to finish this project faster than the previous one.
What challenges did you encounter, and how did you overcome them?Positioning the buttons in column, I used flexbox for that.
What specific areas of your project would you like help with?How can I change the color of my POINTER, I searched but all I could find was changing the color of the cursor alias.
Community feedback
- @danielmrz-devPosted 4 months ago
Hey @lalaholmesss!
Congrats on finishing the challenge! ā
Your solution looks awesome!
š It's a good idea to use semantic HTML elements like
<ul>
and<li>
for lists. This makes your code more accessible, maintainable, and meaningful.Here's an example of how you can refactor your code:
After Refactoring
<ul class="list-container"> <li><a href="#">Github</a></li> <li><a href="#">Frontend Mentor</a></li> <li><a href="#">LinkedIn</a></li> ... </ul>
Using
<ul>
and<li>
makes your content structure clearer, which is better for screen readers and search engines. Plus, it follows best practices for HTML.š Also, using
margin
and/orpadding
isn't always the best way to center an element. Try this method to center an element vertically and horizontally:š Apply this CSS to the body (skip position or margins to make it work correctly):
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
Hope this helps!
Keep up the great work!
Marked as helpful0
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