Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive profile link website

@Rokeeb01Maruf

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud to be able to link my profile and make them work the way I wanted

What challenges did you encounter, and how did you overcome them?

I encountered challenges like with the margins

What specific areas of your project would you like help with?

I think I've done the one I thought it's right

Community feedback

Affan Amer 370

@AffanRM

Posted

Hey, good effort in completing the project but I have a few suggestions for you:

  • Your website doesn't seem to be responsive. There are multiple ways around this, but you can wrap your card class in another div and set the display of this container as flex and then justify-content: center;
  • You can also try to specify the width size of the card in % rather than pixels and also implement the use of media queries for mobile responsiveness.
  • For the anchor tags, you can change the color of the background when the user hovers over them using the following code: a:hover {background-color: green;}

If you need any further help with your code, let me know!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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