Skip to content
Submitted about 1 year ago

qr-code-component-main

Ana-Zezo•10
@Ana-Zezo
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

This is First Task in Webiste

Community feedback

  • Rimsha•240
    @rimshubPosted about 1 year ago

    Hi @Ana-Zezo, congratulations on getting the challenge done! Great effort.

    The layout for desktop-size screens looks good but it's not working for other screens. You can learn more about CSS responsiveness from here: Responsive Web Design - Media Queries

    I also want to highlight the issue with the Font link. In your HTML <head>, you're trying to link to a Google Font named "Outfit," but the URL provided is incorrect. You should link to Google Fonts using the correct format.

    Update this line:

    <link rel="stylesheet" href="https://fonts.google.com/specimen/Outfit">

    To this:

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Outfit">

    Hope my answers did help you! Happy learning😄

    Marked as helpful
    0

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