All comments

• 

  Sunday•20

  @junioradeolaSubmitted about 2 years ago

  how can i add the svg files? how can i do the hover on the image?

  

  Responsive landing page using only HTML and CSS

  1

  20
  

  Eyelin•70

  @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 property background-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> or background-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

  0