Latest solutions
Responsive landing page using Sass and mobile-first workflow
#accessibility#bootstrap#sass/scssSubmitted over 2 years agoResponsive landing page using flexbox and mobile-first workflow
#accessibility#bootstrapSubmitted over 2 years ago
Latest comments
- @junioradeola@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