Abdullah Ayoola

Latest comments

• 

  Sae Matsuda•240

  @SaeM843Submitted almost 2 years ago

  

  Stats Preview Card Component

  1

  80
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted almost 2 years ago

  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.

  0
• 

  Chukwudobe Micah Chinedu•700

  @chukwudobe-MicahSubmitted about 2 years ago

  

  Interactive Rock paper scissors game (html, scss, vanillas Js) +audio

  #airtable#animation#sass/scss#typescript

  2

  70
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  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.

  0
• 

  Ekene Azubuko•60

  @Ekene-AzubukoSubmitted about 2 years ago

  

  Bootstrap framework

  2

  20
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  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

  0
• 

  bnm3223•60

  @bnm3223Submitted about 2 years ago

  

  interactive-rating-component-main(SASS)

  #sass/scss

  3

  40
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  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

  0
• 

  Frank Ezene•350

  @frank1003ASubmitted about 2 years ago

  

  Calculator-app with Typescript React, Scss.

  #accessibility#sass/scss#typescript#react

  3

  41
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  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

  1
• 

  👾 Ekaterine Mitagvaria 👾•7,780

  @catherineisonlineSubmitted over 2 years ago

  

  Crowdfunding product page

  10

  1749
  

  Abdullah Ayoola•1,080

  @abdullah43577Posted about 2 years ago

  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.

  0