Responsive landing page using only HTML and CSS

Solution retrospective
how can i add the svg files? how can i do the hover on the image?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Eyelin
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 helpful
Join 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