Design comparison
SolutionDesign
Solution retrospective
The cancel order anchor tag doesn't take padding or margin. how should I have handled that better ?? Any suggestions or help will be much appreciated
Community feedback
- @martinelias1312Posted almost 3 years ago
Hello @CEC-IL, you have to change anchor element from
inline
todisplay: block/inline-block
. Then you can use margin and padding.Also you should only use
<a>
element without<button>
element.Another accessibility issues can be fixed like this:
- wrap main content in
<main>
element. E.g. instead of<div class="content">
use<main class="content">
. - alternate text can be left blank if images are only for decoration
- this <div class="attribution"> can be wrapped in <footer> element for better accessibility too
Hope this helps a bit :)
0@CEC-ILPosted almost 3 years agoHey @smradupan thank you for your help. The element <main> has helped a lot =)
0 - wrap main content in
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