Design comparison
Solution retrospective
how can i add the svg files? how can i do the hover on the image?
Community feedback
- @EyelinPosted about 2 years ago
Hi Sunday, congratulation on complete the challenge, I also completed it today, I don't have much experience, but in my case I added the SVG images with the
<img> </img>
tag, I also used them with the CSS propertybackground-image
, for example I used the view image in this way:background-image: url(images/icon-view.svg);
Also, SVG images can be written directly into the HTML document using the
<svg> </svg>
tag. Using this method lets you perform more customization as opposed to using either the<img>
orbackground-image
methods, but in my case those were the methods used because I chose the simplest way.For accessibility reasons please ensure all content is contained within a landmark region, designated with HTML5 landmark elements and/or ARIA landmark regions, since this is a simple project with only one main element, I think a
<main></main>
tag will solve the problem shown in your report. Congrats and keep coding!Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord