Yacoub AlDweikā¢ 560
@YacoubDweik
Posted
This is too much creativity and I can't bear that!
Amazing!
1
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I managed to build this card pretty quickly... that is, when I'm not giving myself extra tasks along the way! š
What challenges did you encounter, and how did you overcome them?
I couldn't figure out the hover color for the button at first, but Photoshop's eyedropper tool saved the day in no time! šØāØ
What specific areas of your project would you like help with?
Iām happy to receive any feedback and suggestions for optimizing and improving the code! Always looking to learn and grow. š”
Community feedback
KapteynUniverseā¢ 570
@KapteynUniverse
Posted
Hey, great job. I love your backgrounds.
I didn't do this one yet, so i am guessing they didn't give on hover effect color. I think it is possible with hsla(hue, saturation, lightness, alpha).
Checked your code a bit, i guess this is the button background color value hsl(245, 75%, 52%); , this should do the trick.
.order__button:hover{
background-color: hsla(245, 75%, 52%, 0.7);
}
I think there is a way to use with variables like hsla(var(--button-bg), 0.7); but i couldn't manage to use it like that. Maybe it is possible with scss
0
Please log in to post a comment
Log in with GitHub
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