Skip to content
OverviewSolutions
13
Comments
3
NicolasBQ
@NicolasBQ

All comments

  • Gleb_V•10
    @wglebsterSubmitted over 2 years ago

    I completed this challenge with the most basic vanilla CSS and JS. I think that my CSS could be better structured and therefore more concise. I hope this is something that I will be able to achieve when I start using CSS frameworks.

    I found JS really difficult - at first, I tried it with named function and loops, but could not get it to work. So I went back to the very basics and ended up with the ugly code as it is right now. I shall come back to it and refactor it at some point.

    I would appreciate any pointers about refactoring this JS code.

    Interactive rating component

    1
    NicolasBQ•190
    @NicolasBQPosted over 2 years ago

    Hey @wglebster, nice solution!! It looks great.

    If u want to refactor your JS I recommend u to use the same class name for all the rate buttons, then u can select them all with querySelectorAll and manipulate them as an array. I did it in that way (except I used data attributes), so feel free to check my code.

    Good Job!

    Marked as helpful
    1
  • Mario•180
    @bembem33Submitted almost 3 years ago

    Hi! My second solo HTML/CSS project. :D If somebody has a good tutorial on "how to think" (not how to do it) while making a responsive page, please let me know, because for now"@media queries" are the main problem for me.

    NFT preview card

    2
    NicolasBQ•190
    @NicolasBQPosted almost 3 years ago

    Hey @bembem33, congrats on completing the challenge, it looks great!

    I recommend you this free course, it was really helpful for me: https://courses.kevinpowell.co/conquering-responsive-layouts

    This guy has also more content about responsive design and media queries in his Youtube channel.

    I hope this information is useful for you!

    Marked as helpful
    0
  • NicolasBQ•190
    @NicolasBQPosted almost 3 years ago

    Thanks for the suggestions Adrian! I will apply them to my solution.

    I also check your solution, it's great!

    I recommend you these videos to improve your skills:

    https://www.youtube.com/watch?v=-GR52czEd-0&ab_channel=WebDevSimplified https://www.youtube.com/watch?v=N5wpD9Ov_To&ab_channel=KevinPowell https://www.youtube.com/watch?v=0ohtVzCSHqs&t=105s&ab_channel=KevinPowell

    0