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 links page

Rahaf 170

@rahafsz

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 challenges did you encounter, and how did you overcome them?

The challenge for me is changing the cursor pointer's color to the anchor tag, but I can't change the color. I try to use caret-color and ::after but didn't efficient If anyone had an idea to change the color share it with me.

Community feedback

@R3ygoski

Posted

Hello Rahaf, first of all, congratulations on creating a more unique project.

Regarding changing the pointer style, you can download one from the internet and use it. To do so, it would look something like this:

myClass {
    cursor: url('./assets/cursor/myCustomCursror.png'), auto
}

Please note that the url is the directory path within your project, not a website URL. Also, you cannot directly change the color of the cursor; you need to use an image to replace it.

Once again, congratulations on your project! If you need any help, please comment below, and I'll try my best to assist you.

Marked as helpful

0

Rahaf 170

@rahafsz

Posted

@R3ygoski Thank you. I know this way but I think there is a way to change color because the shape the same.

1

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