Submitted over 1 year ago

Interactive rating component

Onur Alp Baklaci• 80

@onuralpb

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS
JS

1newbie

View challenge

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.

To provide animation control of HTML elements during the time I want.
Create a grid structure only with Bootstrap 5.
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• 29,170

@grace-snow

Posted over 1 year 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

Onur Alp Baklaci• 80

@onuralpb

Posted over 1 year 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.

Grace• 29,170

@grace-snow

Posted over 1 year ago

@onuralpb you need to check landscape too

Onur Alp Baklaci• 80

@onuralpb

Posted over 1 year ago

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

Please log in to post a comment

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