Skip to content
OverviewSolutions
12
Comments
4
Arjunbir Singh
@arjunbirsingh

All comments

  • Arjunbir Singh•310
    @arjunbirsinghPosted over 1 year ago

    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
    1
  • Arjunbir Singh•310
    @arjunbirsinghPosted over 1 year ago

    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
    0
  • Victória Nogueira Marques•390
    @victoriamnxSubmitted over 1 year ago

    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.

    Interactive Rating

    2
    Arjunbir Singh•310
    @arjunbirsinghPosted over 1 year ago

    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
    0
  • Arjunbir Singh•310
    @arjunbirsinghPosted over 1 year ago

    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.

    0