Submitted over 1 year ago

Interactive Rating Component - Sass & jQuery

caduovieira• 30

@caduovieira

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Anchor tag error

When I was finishing my project I found the following error:

Link 'rel' attribute should include 'noopener'.

The code was written as follows:

<footer>

  Challenge by <a  
    href="https://www.frontendmentor.io?ref=challenge"  
    target="_blank">Frontend Mentor</a>

  Coded by <a  
    href="https://github.com/caduovieira"  
    target="_blank">Cadu Vieira</a>

</footer>

If someone could help me explaining why this happened, I'd be thankful.

Community feedback

Sounak Mukherjee• 560

@kanuos

Posted over 1 year ago

Hi Cadu, it is not an error - rather an attribution. When someone sees your solution, FrontEnd Mentor wants the visitor to know that the design was created by them.

If you want you can hide them using something similar to tailwind's sr-only class.

caduovieira• 30

@caduovieira

Posted over 1 year ago

@kanuos Hi Sounak! Thanks for your reply, but my error wasn't displayed correctly because my markdown was messed up! If you could check it up again, I'd be grateful!

Sounak Mukherjee• 560

@kanuos

Posted over 1 year ago

@caduovieira Here's a link that explains in details what the error meant. I went through your code as well as the live-link - the console was clean.

However, as a rule of thumb, when you are using target="_blank" in an anchor tag, you should add rel="noopener noreferrer".

Please log in to post a comment

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