Skip to content
Submitted 2 months ago

QRcodeFrontEndMentor

Dolla464•190
@Dolla464
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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
    @saularangurenPosted 2 months 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
    0
    Dolla464•190
    @Dolla464Posted 2 months ago

    thanks for your help@saularanguren

    1

Please log in to post a comment

Log in with GitHub

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