Hi Cyntia! Good job on matching the supplied design with your solution!
I do have some suggestions for the HTML
- I can see you have your
a
tags insidebuttons
. This is not ideal asa
tags andbutton
s have different semantic meanings and screen readers may exhibit unexpected behavior. So even though the element looks like a button, it does not have to be an actualbutton
element. - When you use an
a
tag, you need to have text inside of it. - Since you have a list of links, you could use an unordered list
ul
and list itemsli
to add semantic meaning to your html tags. - In the end, you would have a single
ul
that contains a bunch ofli
, each containing a singlea
. Kind of like this:
<ul>
<li>
<a href="example.com"> Example </a>
</li>
<li>
<a href="example.com"> Example </a>
</li>
<li>
<a href="example.com"> Example </a>
</li>
</ul>
Hope this helps!
Marked as helpful
@cmooniz
Posted
@Brian-Pob Thank you for commenting, I was in doubt about that at the moment.