![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/zn3utgqxzplzyu09wh7p.jpg)
Design comparison
Solution retrospective
With this project, I am most proud that I was able to get this to look appealing across all of my devices. The hover animations look fairly smooth, and I tried to add my own spin to the project by attempting to use slightly different shades of color. I also used a color change animation for my footer.
What challenges did you encounter, and how did you overcome them?One challenge that I faced was trying to use a gradient for my profile card color. Because my links are in it's own div, I couldn't really figure out how to get it to blend in with the color of the profile card (some lines wouldn't merge with the lines in the container, so it made it look strange). As a result, I just decided to go with solid shades on this project.
Another problem that I always tend to have in the beginning is centering the project on the page. I think I've gotten better with it, but it's always something that I get stuck on longer than I'd like. To overcome this, I usually just make the make the parent container a flex container, and center the content using the 'justify-content' and 'align-items' properties.
What specific areas of your project would you like help with?I don't think that there is anything that I needed help with, but tips and comments are always useful. I don't think I had too many issues putting this project together, but feedback is always good...
Community feedback
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