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

Paulo Ricardo

@PauloRicardoSM140 points

Graduating in computer engineering at the Federal University of Ceará (UFC). Studying web development with the aim of becoming a professional in this area.

Latest solutions

  • Launch countdown timer

    #jquery#sass/scss#gsap

    Paulo Ricardo•140
    Submitted 6 months ago

    Regarding assistance, I’d like to know if creating this type of animation with frameworks like React or others is easier, or if it’s still better to continue using GSAP.


    0 comments
  • Mortgage repayment calculator

    #jquery#sass/scss#gsap

    Paulo Ricardo•140
    Submitted 9 months ago

    I would like to know where I can find reliable and practical information on how to make HTML well structured and accessible.


    0 comments
  • Responsive and accessible contact form using Flexbox and CSS Grid

    #jquery#sass/scss#gsap

    Paulo Ricardo•140
    Submitted 12 months ago

    The only problem I couldn’t solve was with the Query Type field. The idea I had was that while one button was selected, the background would be green, while the other button would have a white background. However, after clicking on one and then clicking on the other, both buttons retain their background color until the page is reloaded.

    If you have any suggestions on how to fix this, I’ll provide the relevant code snippets below:

    HTML:

    
              Query Information
              
                
                  Query Type *
                
                
                  
                  General Enquiry
                
                
                  
                  Support Request
                
                
                  Please select a query type
                
              
    
    

    JS/JQuery:

    $(document).ready(function() {
      $('input[name="queryType').on('change', function() {
        if (!$(this).is(':checked')) {
          $(this).parent().css({
            'background-color': 'hsl(148, 38%, 91%)',
          });
        } else {
          $(this).parent().css({
            'background-color': 'white',
          });
        }
      });
    });
    

    0 comments
  • Interactive pricing component

    #sass/scss

    Paulo Ricardo•140
    Submitted about 1 year ago

    In terms of help, do you have any suggestions for tools I should use to speed up the styling process or to add dynamism to websites?


    1 comment
  • Interactive rating component


    Paulo Ricardo•140
    Submitted about 1 year ago

    I'm having difficulty, especially in the interaction of JS with the site's elements, so I would like to ask for suggestions on any study tracks (important topics) that could help me work better with JavaScript and DOM.

    Thank you for your attention!


    0 comments
  • Social proof section


    Paulo Ricardo•140
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

No comments written yet.
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