Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
4

Mario

@ohmymario130 points

Self-taught Web Developer

Latest solutions

  • Pod Landing Page using React & Styled-Components

    #react#styled-components#sass/scss

    Mario•130
    Submitted over 3 years ago

    0 comments
  • Huddle landing page with HTML and CSS


    Mario•130
    Submitted over 3 years ago

    1 comment
  • NFT Preview with HTML and CSS


    Mario•130
    Submitted over 3 years ago

    1 comment
  • QR Code Solution with HTML and CSS


    Mario•130
    Submitted over 3 years ago

    1 comment
  • Coffee Roaster Site using Next.js & Styled Components


    Mario•130
    Submitted about 4 years ago

    0 comments

Latest comments

  • Joe Karow•20
    @JoeKarow
    Submitted over 3 years ago

    NFT preview card component

    1
    Mario•130
    @ohmymario
    Posted over 3 years ago

    Looking good so far! Try adding hover states to your image, h1 and Jules Wyvern text. It also looks like your h1 has the wrong color. Try hsl(0, 0%, 100%) to match what is in the style guide.

    If you need to see an example on how to add hover states here is my solution

    Good luck! 😀

    Marked as helpful
  • Maianne Thornton•20
    @MaianneThornton
    Submitted over 3 years ago

    Responsive Order Summary Component | HTML CSS

    #bem
    3
    Mario•130
    @ohmymario
    Posted over 3 years ago

    Great job on this!

    I would suggest maybe adding a background-color to your body element. Your background-image is partially transparent so it should show through. This should help with the bottom of your card getting lost in the background on desktop view. 😁

    Marked as helpful
  • Folarin Akinloye•1,240
    @folathecoder
    Submitted over 3 years ago

    Audiophile Store with React, Next.js, Typescript, & Styled Components

    #next#react#styled-components#typescript#accessibility
    2
    Mario•130
    @ohmymario
    Posted over 3 years ago

    wow this looks incredible! I really enjoy the shrinking shadows when hovering over the headphones, speakers and earphones image links

    Congrats on getting that job 🎉

  • Carlos Zuluaga•70
    @skarlos134
    Submitted over 3 years ago

    qr card unsing flex

    #bem#itcss
    2
    Mario•130
    @ohmymario
    Posted over 3 years ago

    Lookin good !

    Right now you have <img src="/images/image-qr-code.png" alt="" class="section--img--qr">

    try adding a period to your src <img src="./images/image-qr-code.png" alt="" class="section--img--qr">

    also don't forget to add something to your alt tag

    Marked as helpful
Frontend Mentor logo

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

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

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