@Alex-Archer-I
Posted
Hi!
The main thing that you can improve in the semantic. Those elements are links, so there is special tag for them - a
with href
attribute.
Than there is special tags for every kind of lists - ul
and ol
("unordered list" and "ordered list") which should contain li
tags ("list item").
So, semantically correct layout should be looks like this:
<ul>
<li><a href="#">It's a link here!</a></li>
...and more links here
</ul>
Also to make your element responsive you shouldn't hardcode width and height. Instead of width you can use max-width
- it allow element adjust to small screens. As for height - it's better not to specify it at all. Just let the content define the height of the container =)
Hope that helps! Good luck and keep doing =)