Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @NicolasPirezGit

    Submitted

    Hi everyone! I'm really happy to be joining this awesome community.

    This is the first project I've ever completed in a very long time, and as such, I have lots of questions. I'll try to prioritize the ones that are bothering me the most.

    The technologies I used:

    - HTML5

    - CSS3

    - JavaScript

    My questions:

    • I struggled for quite a while with Flexbox and element positioning. While I was able to get everything mostly right, I felt unsatisfied with the way the numbers inside the rating options were positioned. They seem to be slightly off-centered. I tried fixing it with line-height and padding, but nothing really worked and gave up in the end. Any suggestions as to what might be causing this issue and how to fix it? CSS Code

    • While using JavaScript to add the required features, I got stuck implementing the rating selection. I managed to solve that problem and then every other feature after it didn't take half as long to develop, but still, I keep looking at it and it seems like A LOT of code for something relatively simple. I guess my question is, is there any way I could have created that feature using less lines of code? JS Code

    I appreciate those of you kind enough to help me. I know this is just a rookie project but I still feel quite proud of what I have accomplished. Any feedback regarding best practices or other mistakes that I overlooked is also welcome.

    David 70

    @davidko5

    Posted

    hey, congrats with first challenge. I also finished this one as my first a couple of minutes ago and i also had that problem with centering numbers inside those buttons. So what i did is just added 2px or so of a padding on the top of the div, so that numbers were centered vertically. but then it was too tall to be a circle so i added 1px padding to the left and right side of it and increased border radius. I think this solution isn't the best, but at least it worked for me

    1