@darryncodes
Posted
Hi Spyder,
Good work on your solution.
A couple of observations at a glance from me:
- you could add a hover affect on
<button>
to match the design. Set a transition property so when the user hovers over the button the hover affect is smoother for example:transition: .3s;
ortransition: ease-in .3s;
- don't forget to add
background: transparent;
and the relevant font color:color: hsl(0, 0%, 95%);
to the hover state - as you're using flexbox you could use
align-self: start;
on the button so on mobile it doesn't span all the way across the card like on the design. you'll need to play around with the padding left & right to get the right button size though
Happy coding!
Marked as helpful
@ratan17
Posted
@darryncodes thanks so much for taking your valuable time and giving a feedback to my solution.
Response to your suggestions :
- For Buttons Styling : I have set the styling for active state of buttons not to the hovering state. So when you'll click the buttons the required styling will be applied.
- For buttons position : I'll surely take your suggestions into consideration and do the necessary changes.
Happy Coding to you too brotherπ€