Skip to content
Submitted almost 2 years ago

Interactive rating component

Onur Alp Baklaci•80
@onuralpb
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi everyone. Here is my solution to the Interactive rating component challenge.

I tried to try a few things in this project.

  1. To provide animation control of HTML elements during the time I want.
  2. Create a grid structure only with Bootstrap 5.
  3. Working with react hook structure and functional components.

There are also insignificant issues that I want to add or change. But I would be very happy if you write your comments before.

Community feedback

  • Grace•31,270
    @grace-snowPosted almost 2 years ago

    Not sure on the cause because I'm away from my computer so can't inspect... But i cant see all the content of this. It's like scroll is disabled. Usually that happens when content has been absolutely positioned or height set on containers

    One really important thing I notice in this is you're using px for font size. Never ever do that. I can't stress it enough. Use rem instead

    0
    Onur Alp Baklaci•80
    @onuralpbPosted almost 2 years ago

    @grace-snow Hi grace and thank you for your comment. What do you mean while you are saying I can't see the content? Did you check on mobile? I didn't use as scroll-disable anywhere. I checked on iPhone SE but i cant see an issue in view. however, I will look about rem and px for font-size.

    0
    Grace•31,270
    @grace-snowPosted almost 2 years ago

    @onuralpb you need to check landscape too

    1
    Onur Alp Baklaci•80
    @onuralpbPosted almost 2 years ago

    @grace-snow oh yes. I have realized now. I will check it.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord