Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
2
Gus
@angusgee

All comments

  • Fallou Jeng•540
    @falloumacbook
    Submitted almost 2 years ago

    qr-card-component

    #accessibility
    1
    Gus•60
    @angusgee
    Posted almost 2 years ago

    Hi Fallou, and welcome! 👋

    Let me give you some tips to point you on your way.

    The background needs to be a different colour to the component. You will therefore need a div (divider) of some sort in your markup (html) to apply the styles.

    You could do and will see people doing this:

      <body>
        <div>
          <img />
          <h1></h1>
          <p></p>
        </div>
      </body>
    

    but we can use a more semantic approach:

      <body>
        <main class="container">
          <img />
          <h1></h1>
          <p></p>
        </main>
      </body>
    

    So, what you need to do now is learn to target these elements with css selectors 😉 GL

  • Caramello•180
    @BuzzFizzer
    Submitted almost 2 years ago

    Newsletter sign-up form with success message

    #bem#sass/scss#typescript#vue#vite
    10
    Gus•60
    @angusgee
    Posted almost 2 years ago

    Caramello, your feed is great! Your solutions are on point and your use of Vue and TS is something I can only aspire to. 🙌

    I do have one small suggestion for this project. On both the standard Desktop view and Success state, I think the UX could be improved slightly by removing the ugly blinking caret: caret-color: transparent;

    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