Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @SachinMulgir

    Submitted

    I am a beginner. I tried and got some doubts to ask:

    1. How to put the card at the very center by reducing its size. I can add margin to the top and bottom of the card that'll provide some spacing. But i want to make it all happen on the viewport only, no extra scrolling.
    2. How to add image effect on hovering over the image. I am new and yet to learn that part. If anyone interested to drop any suggestions, I am all open to it. Thank You.

    @mathanraj0601

    Posted

    Hi sachin, 1, you can use Flexbox to center the card. 2, you can create a color overlay by placing the image in separate div with display none and when hover make display to block. hope its helps you:)

    Marked as helpful

    0
  • @mathanraj0601

    Posted

    Good work!

    0
  • darthTh0t 50

    @darthTh0t

    Submitted

    Hi there developers. First time doing this sort of challenge. I would appreciate your feedback and will definitely implement it in my future projects.

    @mathanraj0601

    Posted

    Use "/" instead of "" and use " " instead of ' ' in the image tag hope it help :)

    Marked as helpful

    1
  • @mathanraj0601

    Posted

    <html lang="en">

    improve your accessibility by adding this in index.html hope its helps:)

    0