@Nrotsa
@Nrotsa
Submitted
Hi, here is my solution to this challenge.
It's not the best solution, but I focused mainly on js. I'm sure there's a better way to check if there's an email in the input, so I'd really appreciate feedback on this matter.
If you have any ideas on what I can improve in the code or notice any errors, please let me know.
Feedback is welcome
@Nrotsa
Posted
Hi Ehsan Tatasadi. Thank you very much for your valuable feedback. I will implement all your suggestions in future projects. Thank you also for the link to the page with detailed information about the email validation logic, now I understand it and I can now implement it in my code :)
@FlackoCodes
Submitted
@Nrotsa
Posted
Hello, your solution looks great, but the background patterns are not displayed, to fix this just add ../ to background-image : url
`body{
background-image: url(../images/bg-pattern-top.svg),
url(../images/bg-pattern-bottom.svg);
}`
This should made the background pattern visible.
Marked as helpful
@adnan7-hub
Submitted
@Nrotsa
Posted
Hello. Your solution looks great but you have made a small mistake, as did I when creating this project, and one of the users helped me fix it. The background color on the image is slightly different because you just reduced the opacity of the background color. To fix this, you can blend the background color into the image color using the background-blend-mode: multiply. This helped me in my project. I hope it will help you as well.
Marked as helpful
@xStephx
Submitted
@Nrotsa
Posted
Hello. You made a small mistake, as did I when creating this project, and one of the users helped me fix it. The background color on the image is slightly different because you just reduced the opacity of the background color. To fix this, you can blend the background color into the image color using the background-blend-mode: multiply. This helped me in my project. I hope it will help you as well.
Marked as helpful
@yassawambessaw24
Submitted
Hope to get a feedback from my fellow developer brothers and sisters. Thank you.
@Nrotsa
Posted
Hello yassawambessaw24 Your solution is missing one thing and that is a box-shadow that becomes larger when hovered over. If you check the design when you don't hover over the cart, the content shadow should be smaller and become bigger (as in your work) when you hover over it. Other than this one small feature, you did a great job!
