Skip to content
OverviewSolutions
7
Comments
2
mohamed magdy
@mohamed-magdy26

All comments

  • mohamed magdy•110
    @mohamed-magdy26Posted over 1 year ago

    Hello there 👋. Good job on completing the challenge !. here are some suggestions:

    • remove the height of the ".content" element
    • add padding-top and padding-bottom for both sections ".result" and ".summary"
    Marked as helpful
    1
  • anna•80
    @skulbasSubmitted over 1 year ago

    Did anyone else have troubles with adding a hover effect on the button? As long as the transition duration is short the button flickers on hover.

    UPD: fixed it with ::before+opacity, thanks to Mohamed for the advice

    Results Summary component

    1
    mohamed magdy•110
    @mohamed-magdy26Posted over 1 year ago

    well, I think that background-image is not animated so there is a trick that use pesudo-element (::before ) with the opacity of 0 and increase it when hover, with the use of z-index to keep the text above it

    you can see my solution here

    Marked as helpful
    0