Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
74
P

Jessica

@perezjprz19880 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!

I’m currently learning...

* Responsive Web Development * SASS * JS

Latest solutions

  • Profile Card Component Using SASS/SCSS, Flexbox, and Grid

    #sass/scss

    P
    Jessica•880
    Submitted over 3 years ago

    2 comments
  • QR code component using flexbox


    P
    Jessica•880
    Submitted over 3 years ago

    0 comments
  • Responsive 3-column layout using grid and flexbox


    P
    Jessica•880
    Submitted over 3 years ago

    2 comments
  • Stats preview card using flexbox


    P
    Jessica•880
    Submitted over 3 years ago

    0 comments
  • Order Summary Component Using Flexbox


    P
    Jessica•880
    Submitted over 3 years ago

    1 comment
  • Responsive NFT Card using CSS Flexbox


    P
    Jessica•880
    Submitted over 3 years ago

    2 comments

Latest comments

  • Carlos Revetti•90
    @Cdrn19
    Submitted over 3 years ago

    Some CSS Grid and Flexbox skills

    #bem
    1
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    I found this article very helpful I'm understanding how the different values work.

    Marked as helpful
  • Adam Elitzur•110
    @AdamElitzur
    Submitted over 3 years ago

    QR Code Component

    2
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    So your image is actually huge on my phone and I think that is because you hard coded the width and the height, so it's not adjusting to my screen size and it's overflowing.

    Could you try playing around with max-width instead of width?

    I also didn't add a height to mine. I let the content in the card decide the height.

    Here is my solution in case you want to check it out.

    Marked as helpful
  • Higor Costa•210
    @higor-costa
    Submitted over 3 years ago

    Cartão de visualização NFT usando flexbox

    2
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    Você é muito bem-vindo!! Fico feliz em poder ajudar.

    Marked as helpful
  • Adriana Silva Almeida•50
    @Adriana2710
    Submitted over 3 years ago

    Responsive web page

    3
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    Hmm... your solution looks great. Just try giving the body

            height: 100vh;
           display: flex; 
           justify-content: center; 
          align-items: center;
    
    Marked as helpful
  • P
    Bill Bahr•20
    @billbahr
    Submitted over 3 years ago

    Tip calculator using Flex, Grid, and vanilla Javascript

    2
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    Everyone is at different levels in their learning journey, but with that being said, you get out of these challenges what you put in to them, In my opinion.

    Eventually these challenges will be used to make it easier for us to find jobs through the creation of the hiring platform. So if that's your goal, then I'd recommend making sure your solutions are as good as you can make them.

    If that's not your goal, other coders might still see your submitted code and use it as a learning resource. So that's something to consider I think.

    Marked as helpful
  • Daniel•110
    @xBuzAx
    Submitted over 3 years ago

    Stats preview card component

    3
    P
    Jessica•880
    @perezjprz19
    Posted over 3 years ago

    The color for the attribution is illegible, so you might want to consider changing the color since they would not meet accessibility standards.

    I would recommend using opacity and mix-blend-mode to get the color of the overlay closer to the design.

    Marked as helpful
View more comments
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

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