@CuriousFullStacks
Latest solutions
Latest comments
- @DanonymousCoder
Nice work bro, keep grinding. Your work is awesome you still need to do some little adjustment. Firstly, the element 'Perfume' isn't given the right color and also you need to add a letter spacing to it. Secondly, your slashed price is not in the right position. It should be at the upper part of the actual price. Thirdly the responsiveness is not looking really good, you should the image to the image given for the mobile view. And also, adjust the height of the container and make it automatically appear at the center of the screen.
Marked as helpful - @LuccaMauroMolina@DanonymousCoder
/* Show the overlay and transform the image when hovered */ .image-container:hover img { transform: scale(1.1); }
.image-container:hover .overlay { opacity: 1; }
- @LuccaMauroMolina@DanonymousCoder
/* Style for the eye icon */ .image-container .overlay img { height: 50px; width: 50px; color: white; }
Marked as helpful - @LuccaMauroMolina@DanonymousCoder
/* Style for the overlay */ .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 255, 255, 0.5); display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s; border-radius: 10px; }
Marked as helpful - @LuccaMauroMolina@DanonymousCoder
Nice work bro, keep grinding. I saw that you have a problem with the hover effect of the image. Firstly you have to remove the height with the background-color of cyan. Secondly you would need to create a CSS element like this element:hover .
Marked as helpful - @hadreemustaffa@DanonymousCoder
Nice work bro, keep grinding. Your work is awesome but needs some little changes. firstly, there should be a little space between the cars and the header texts. Secondly, for the responsive site reduce the width of the containers and if needed the size of the element. Also, reduce the size of some element if needed. And lastly, make the container automatically aligned at the center for better User Experience.
Marked as helpful
