@pradeeps4ini
Posted
Hi, @tomatas95. Well done on completing your first project.
Your live project doesn't load, because of some misconfiguation. Please follow the advice of @correlucas to rectify that.
-
You should wrap the main content (card) in a <main> element. Using semantic elements is better for accessibility and make the code ease to read. You use <article> when you want to wrap content which doesn't need context of other content on the page and can be reused somewhere else. So, don't nest <article> with in <article>.
-
For the image hover effect, i wrote this small demo code. You can modify and learn from it. https://codepen.io/pradeeps4ini/pen/yLKbRqB