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

r2

@r2yo170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • profile-card-component

    #sass/scss

    r2•170
    Submitted almost 3 years ago

    0 comments
  • 3-column-preview-card-component

    #sass/scss

    r2•170
    Submitted almost 3 years ago

    0 comments
  • stats-preview-card-component

    #sass/scss

    r2•170
    Submitted almost 3 years ago

    0 comments
  • order-summary-component

    #sass/scss

    r2•170
    Submitted almost 3 years ago

    0 comments
  • interactive-rating-component

    #tailwind-css#node

    r2•170
    Submitted almost 3 years ago

    0 comments
  • nft-preview-card-component


    r2•170
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Chyunjet•620
    @Jetyun
    Submitted almost 3 years ago

    flex to arrange the stats, margin to center the profile pic,

    #accessibility
    1
    r2•170
    @r2yo
    Posted almost 3 years ago

    hi Jetyun, good work! I had the same problem I manage to fix by adding position absolute to my svg and working on % to fix it,

  • Kulek•240
    @kkulek
    Submitted almost 3 years ago

    Order summary component | CSS, flex-box

    #styled-components
    2
    r2•170
    @r2yo
    Posted almost 3 years ago

    hi Kulek, good work!

    the problem is you add a image as background-image in the body , that means it will stretch with body's width, my solution is you can add an img tag inside the body but not in your container then add these styles into your img tag:

    display: block; position: absolute; z-index: -1; top: 0; width: 100%;

    Marked as helpful
  • Bandaru Sindhuja•190
    @SindhujaBandaru
    Submitted almost 3 years ago

    QR code component using html and css

    2
    r2•170
    @r2yo
    Posted almost 3 years ago

    your repository doesn't have an images folder on it so your code can't find the photo you can use the method "add file -> upload file" on GitHub and then drag the images folder into it "not checkmark it"

    but my suggestion is you learn to work with git commands and use this link as a reference

    https://git-scm.com/book/en/v2/Git-Basics-Getting-a-Git-Repository

    Marked as helpful
  • Satyam Jha•400
    @satyammjha
    Submitted almost 3 years ago

    product-preview-card-component

    #accessibility#webflow#bootstrap
    2
    r2•170
    @r2yo
    Posted almost 3 years ago
    <div id="productimage"> is not closed properly and it would help if you considered using the flexbox or grid method to align your image and text it's the basic way I usually use
    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

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