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

Joe-Praise

@Joe-Praise180 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

  • Todo app using redux

    #react#redux#styled-components

    Joe-Praise•180
    Submitted about 2 years ago

    0 comments
  • Flex box

    #react#sass/scss

    Joe-Praise•180
    Submitted about 2 years ago

    1 comment
  • Flex and Grid

    #react#react-router

    Joe-Praise•180
    Submitted about 2 years ago

    2 comments
  • Responsive tip calculator app using Flex-box


    Joe-Praise•180
    Submitted over 2 years ago

    0 comments
  • Responsive intro section using CSS flex and JS


    Joe-Praise•180
    Submitted over 2 years ago

    0 comments

Latest comments

  • Orton Bright•310
    @ortonb110
    Submitted about 2 years ago

    Responsive Photosnap project using grid, flexbox, tailwindcss

    #react#tailwind-css#react-router
    2
    Joe-Praise•180
    @Joe-Praise
    Posted almost 2 years ago

    Hey orton, congratulations you've come a long way!🚀

    Although, on your mobile view i noticed when you navigate to a new page the nav bar doesn't close and there's no backdrop to help ease the process.

    Here's tutorial on how to implement the backdrop using react portal --> React Modal Tutorial with Portals

    Marked as helpful
  • Iván De León Lino•600
    @Lino-OTM
    Submitted over 2 years ago

    Tip calculator app [Parcel/SASS/BEM]

    #parcel#sass/scss#bem
    1
    Joe-Praise•180
    @Joe-Praise
    Posted over 2 years ago

    You could go around it by

    • Writing an "if statement" to confirm if the state of both "Total field" innerHtml are === 0
    • If true, target the "reset button" and add CSS style "pointer-events: none" to the button. That should deactivate the button and if you want to change the background-color, you can easily do it within the same scope. also, you should make provision for when it's false(you toggle the CSS style). I'm yet to do mine though, but I hope this helps.🙂
    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