Image Card 1
What are competencies?
EXP:
40
Problem statement
Lets get started with HTML! , Developers you have to design an Image Card. An image card is a visual component often used in web design and mobile apps. It combines an image (like a photo or illustration) with accompanying text or other elements. Think of it as a mini canvas, a way to showcase content, products, or profiles in an engaging and visually appealing format.
Welcome, developers! Your mission is create an Image card containing an image and a caption for the given image.
- Must to have
- create an image card containing image and a caption, use figure HTML element to define an imageCard.
- figure element should have class 'imageCard' which contains an image tag and figCaption element.
- figCaption element should have class 'description' which contain caption as 'tiger'.
- use this link as image source : https://files.codingninjas.in/tiger-1723540280.webp
UI reference
- Use the given provided code and try to mirror the UI.
Evaluation
- After submission, your solution will be evaluated automatically based on the tasks defined above.
- Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
- You can work on your failed test cases & resubmit your solution.
- Your problem will get evaluated instantly.
Do’s & don’t
- Use the given code structure in editor and do not make any changes.
- Do not modify existing classes or tags.
- Focus on correct HTML structure and class names.
Query & feedback
- In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.
Best of luck, developers!