@TheGeekViking
Latest comments
- @nirglus
Congratulations mate, looks pretty good!
I would recommend you to add a transition to the button so it will look smoother and more interactive. Also try to add the box-shadow to the container.
Best regards.
- @BryanCarlos@nirglus
Hey congratulations for completing the challenge!
In order to fix the :hover problem, try to seperate the image divs. Make one for the image, also use background-image instead of <img> element for the Equilibrium image. Then in the image div, add the div of the eye and set a background color to it. Make the div the same width and height as the parent div, and change the opacity to 0. After that, set the opacity to 1 on hover and it should work.
Keep up the good work :)
Marked as helpful - @yash-15-d@nirglus
Congratulations for completing this challenge! I have a few tips for you. Firstly, when you set a gap between items use vh for height / vw for width / px instead of rem, because em and rem are used for text size.
Secondly, for more semantic HTML try to use the <s> tag at the outlined price.
Thridly, at the PERFUME h4 try to use letter-spacing property to achive closer design.
And for last, try to add some transitions and on hover properties for the button so it will be more interactive and smoother for the user.
Keep up the good work :)
Marked as helpful - @c3c3c5@nirglus
Congratulations, looks good! I would recommend you to add box-shadow property to the card container.
- @dopeboy321@nirglus
Nice one ! Try to add shadow to the card component using the box-shadow element.
Marked as helpful - @yungjosh234@nirglus
Hey, congratulations on you first challenge! I have a few tips to achive closer results:
Firstly, I recommend you to read about linear-gradient property. With the linear gradiate you can achive the same backgrounds of the left side and the score circle. You also have the proper colors at the style-guide file.
Secondly, try to add transparency to the summary blocks by using rgba colors. For example: rgba(255, 87, 87, 0.06) the forth parameter sets the transparency. It goes from 0 to 1, try to play it to match the perfect color.
Keep up the work and good luck!
Marked as helpful
