@dieghi-capriSubmitted about 1 month ago
Egwu Ifeakarochukwu Fortunate
@Mhista-FortuneAll comments
- @De-SunnySubmitted about 1 month ago@Mhista-FortunePosted about 1 month ago
I took a look at your project, and you're doing a great job! There’s one area I wanted to point out that could be improved for a better user experience.
Currently, you're using a list to display some links, but it might be more effective to replace them with button elements. This will give users a more interactive experience, and you can add a nice hover effect for better visual feedback.
Here’s an example of what I suggest for your HTML:
<button class="btn">GitHub</button> <button class="btn">Frontend Mentor</button> <button class="btn">LinkedIn</button> <button class="btn">Twitter</button> <button class="btn">Instagram</button>
And for the CSS hover effect, you can use the following:
.btn:hover, .btn:active { background-color: hsl(75, 94%, 57%); color: hsl(0, 0%, 12%); }
This will change the button's background color and text color on hover or when it's active, making the interface more dynamic. Let me know what you think, and if you need help implementing it, I’d be happy to assist!
Keep up the great work!
0 - @RichardTagoeSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I was able to do most of the CSS this time without much help from ChatGPT. What I will do next time is try to make it more responsive.
What challenges did you encounter, and how did you overcome them?I find it very hard to make the page very responsive. I have not completely overcome this challenge since I am still learning how to do it better But I am watching YouTube videos on how to solve this problem
What specific areas of your project would you like help with?How to make it more responsive for any device
@Mhista-FortunePosted about 2 months agoUsing dimensions like rem, em, view width(vw), view height(vh) and percentage also helps in responsive design
Marked as helpful0 - @marcelomarcelinoSubmitted 3 months ago
