Skip to content
OverviewSolutions
41
Comments
36

Abdullah Ayoola

@abdullah43577Lagos1,080 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...

REACTJS

Latest solutions

View more solutions

Latest comments

  • Abdullah Ayoola•1,080
    @abdullah43577

    Hey there, I don't fully understand the issue with the code you said you're having, but I can suggest a fix as I got some key points out from the issue you highlighted, you're trying to center some texts and for some reasons on mobile screen sizes it won't center because of a padding inherited from the desktop screen version?

    if this is the issue, using media query could solve this issue, you could just use the media query to remove the padding instead or reduce the padding to achieve what you want and that should work.

    let's take this as an example: desktop version: .container{padding: 5px 16px}

    using media query, I can remove the padding from the container element completely or reduce the padding as I'd wanted

    @media (max-width:400px) {.container{padding: 2px 4px}}

    let me know if this did solve the issue you're having with your code. Happy coding.

  • Abdullah Ayoola•1,080
    @abdullah43577

    Great Job, taking on this challenge, Micah

    This is really fantastic. You've motivated me actually to build this game. You did a great job.

    Keep up the good work. I might take on this as my next challenge.

  • Abdullah Ayoola•1,080
    @abdullah43577

    Hey Ekene, great job taking on this challenge, After I've read what the other user-posted earlier, then what I've got to tell you is little. using display: grid; for websites like this, makes your styling much easier and faster.

    These kinds of websites are best built using grid.

    There is a lot of documentation online talking about how grid works and tutorials on youtube as well. You could try implementing it in one of your future projects and see which works best for you.

    Happy coding

  • Abdullah Ayoola•1,080
    @abdullah43577

    Hey there, I just checked out your challenge, you must be joking saying that people should suggest you a better way of doing this challenge, you nailed it!

    keep up the good work.

    Marked as helpful
  • Abdullah Ayoola•1,080
    @abdullah43577

    Hello Frank,

    Great job taking on this challenge, using the eval() method isn't entirely bad, you can make your use of eval() safe by using strict mode, this means that you can add a piece of code at the top of every js file you would be using eval() for use strict this avoids some of the most dangerous use of eval().

    The eval() function evaluates JavaScript code represented as a string and returns its completion value. The source is parsed as a script.

    But it's great seeing that you got the challenge completed already without using eval(). That's very nice. I used eval() in my project and it saved me tons of lines of code.

    Marked as helpful
  • Abdullah Ayoola•1,080
    @abdullah43577

    Hello there, great job taking on this challenge, I wanted to point out a few things as I just also completed this challenge recently.

    Firstly, I like the fact that the number values count up to their expected values on the scroll. but I think, according to the challenge we were supposed to make the range div also dynamically increase when a user clicks and the pop modal appears and the user inputs a value. the input entered should be added to the number of backed amounts and also +1 should be added to the total number of backers.

    Also, one final check, is to make the give the disabled div element an attribute of cursor-not-allowed this would be a sign for desktop users that the div isn't clickable even if it looks disabled already.

    Other than these few points you've done a nice job.

View more comments