I am new to html and css.
I have been building a mock site using CodePen to build up experience using them, but I've hit a snag, a few snags. Most annoyingly at the moment is when the window is resized the dropdown only shows 1 of the links. Modifying the attribute tag to incorporate an additional number or letter, or opting for a different tag altogether, appears to result in inactive links or the display of a text cursor upon hovering over them.
I have embedded the CodePen (hopefully the embed works)
If not the following link will take you to the pen:
https://codepen.io/Jessica-Rigby-White/pen/Pogoavd
<p class="codepen" data-height="300" data-default-tab="result" data-slug-hash="Pogoavd" data-user="Jessica-Rigby-White" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"><span>See the Pen <a href="https://codepen.io/Jessica-Rigby-White/pen/Pogoavd"> HOME.LVL_3.3</a> by Jessica Rigby White (<a href="https://codepen.io/Jessica-Rigby-White">@Jessica-Rigby-White</a>) on <a href="https://codepen.io">CodePen</a>.</span></p><script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>