@karan-2004
Submitted
@arjunbirsingh
@karan-2004
Submitted
@arjunbirsingh
Posted
hey @karan-2004, you can make your body a flex box and the use align item:center and justify content:center to make your #card truly responsively centered or else for position you can use left:-50% and transform:translateX(-50%).
Marked as helpful
@HudsnF
Submitted
Feedbacks are welcome. Thank you!!
@arjunbirsingh
Posted
Great work, you can also remove that default selection highlight (that appears whenever you click on an element on mobile device) by using *{-webkit-tap-highlight-color:transparent;}
Marked as helpful
This challenge is not perfect and still needs some improvements, but the result so far is very nice, I will improve the responsiveness and the functioning of the ranking, but in general, I liked the first result.
@arjunbirsingh
Posted
Great work with the animation. However, your feedback.html always gives a rating of 4/5 no matter what is selected on the previous page. You can use localStorage or some other alternative for displaying the correct rating.
Marked as helpful
@floatingPebble
Submitted
@arjunbirsingh
Posted
bro you forgot to add that transition on the icon-arrow, it should kind of scale up to 1.2 whenever the user hovers over it.