Submitted about 1 month ago

QRcodeFrontEndMentor

Dolla464• 140

@Dolla464

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

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

.links button:hover { background-color: hsl(75 , 94%, 57%); color: hsl(0, 0%, 8%); cursor: pointer; }

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

.links button { text-decoration: none; border: none; background-color: hsl(0, 0%, 20%); height: 40px; width: 250px; color: hsl(0, 0%, 100%); border-radius: 5px;

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

css

Community feedback

Saul Gabriel Aranguren• 320

@saularanguren

Posted about 1 month ago

Hi friend, your solution is really amazing, but there is a problem when loading your stylesheet, you must change this line of code:

<link rel="stylesheet" href="css/style.css">

for this other one here: the explanation of why is because your index.html is looking for a style sheet that should be inside a folder called css, but that folder does not exist, therefore you must change that line for this one:

<link rel="stylesheet" href="style.css">

When you do it, you will notice changes on your website, only there is one detail, you deleted the image of the QR, you must return it to the project folder, I hope this recommendation is helpful

Marked as helpful

Dolla464• 140

@Dolla464

Posted about 1 month ago

thanks for your help@saularanguren

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