Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
3
P
ImposterCodeVault
@ImposterCodeVault

All comments

  • FahryWinata•40
    @FahryWinata
    Submitted 8 months ago

    Usage of split screen VSCode Is Helpfull!

    1
    P
    ImposterCodeVault•90
    @ImposterCodeVault
    Posted 8 months ago
    • It looks like the default margin on your h2 and h3 tags are pushing the text out a bit. You could set the margin on those tags in css like this if you wanted to adjust that:

    h2 {margin: 0px}

    • It also looks like you might have mislabeled a css class -> You have styling for an h1 tag, but in the html you are using an h2 tag. If this was intentional then no worries, just thought I'd point it out
    Marked as helpful
  • Cem KAPLAN•220
    @uixcem
    Submitted 8 months ago

    Blow Preview Solution

    1
    P
    ImposterCodeVault•90
    @ImposterCodeVault
    Posted 8 months ago

    Looks good.

    The design in the challenge has a border on the card, you can add this by adding this to your card CSS class:

    border: solid 1px black;

    Otherwise nice!

    Marked as helpful
  • Ohazulike Stanley•220
    @Gentlestan
    Submitted 8 months ago

    QR-code-component

    1
    P
    ImposterCodeVault•90
    @ImposterCodeVault
    Posted 8 months ago

    Nice job.

    You can import the font used in the challenge into your solution by adding this inside the head tags:

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

    And then you can use the font in a class by adding this to the class:

    font-family: "Outfit";
    
    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub