Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
3

Caleb Arodu

@Callyx2002110 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

  • Product list with challenge

    #accessibility#solid-js#webpack

    Caleb Arodu•110
    Submitted 7 months ago

    0 comments
  • Faq accordion page


    Caleb Arodu•110
    Submitted 9 months ago

    None


    0 comments
  • Mortgage Repayment Calculator


    Caleb Arodu•110
    Submitted 9 months ago

    None


    1 comment
  • Random advice generator app


    Caleb Arodu•110
    Submitted 9 months ago

    0 comments
  • Result Summary Page incorporated with html, css and js

    #accessibility#angular#bootstrap#express#node

    Caleb Arodu•110
    Submitted over 1 year ago

    0 comments
  • Styled recipe page

    #cube-css#material-ui#materialize-css#tailwind-css#animation

    Caleb Arodu•110
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • pstar8•320
    @pstar8
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to finish in less time than I expected, I'm proud of that.

    What challenges did you encounter, and how did you overcome them?

    I tried placing the container in the middle using the translate property. It didn't work out so well. I had to resort to using the margin-top property.

    What specific areas of your project would you like help with?

    I would like resources that can help me to learn JS for Frontend development. I know the functions and arrays, but I don't know how to implement them in my projects. Any other suggestions on how to improve are highly welcome.

    FAQ Accordion

    2
    Caleb Arodu•110
    @Callyx2002
    Posted 9 months ago

    @pstar8, I think you should use the querySelectorAll method for the icon, response and question so it can take all instances of each of them as an array.

  • pstar8•320
    @pstar8
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to finish in less time than I expected, I'm proud of that.

    What challenges did you encounter, and how did you overcome them?

    I tried placing the container in the middle using the translate property. It didn't work out so well. I had to resort to using the margin-top property.

    What specific areas of your project would you like help with?

    I would like resources that can help me to learn JS for Frontend development. I know the functions and arrays, but I don't know how to implement them in my projects. Any other suggestions on how to improve are highly welcome.

    FAQ Accordion

    2
    Caleb Arodu•110
    @Callyx2002
    Posted 9 months ago

    Hi @pstar8, nice work there, especially the styling. I think you should check the JavaScript logic; the plus function seems not to be working

  • pavly-l•30
    @pavly-l
    Submitted 9 months ago

    advice-generator-app

    #accessibility
    1
    Caleb Arodu•110
    @Callyx2002
    Posted 9 months ago

    Nice work there, you can make the button hover like the one given in the challenge by using the box-shadow property in CSS. For example,

    button:hover {
          box-shadow: 0 0 50px 3px var(--neon-green);
    }
    
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