Looking for a quick fix here! I've been trying to make the entire button clickable, but so far, only the text is hyperlinked. Any suggestions on how to enclose the whole button with the link? As you can see, I'm working on making it mobile-friendly which is why the buttons are duplicated.
Here's my code:
<head>
<style>
body {
background-color: #e3e3e3;
margin: 0 auto;
padding: 0;
font-family: Arial;
}
/* Rest of the CSS stylesheet omitted for brevity */
<link rel="stylesheet" type="text/css" href="about.css">
</head>
<body>
<div class="header">
<h1>Who I Am</h1>
<ul class="links">
<li><a href="www.youtube.com"><strong>CONTACT</strong></a></li>
<li><a href="www.youtube.com"><strong>PORTFOLIO</strong></a></li>
<li><a href="#middle"><strong>RESUME</strong></a></li>
<li><a href="index.html"><strong>HOME</strong></a></li>
</ul>
<!-- Mobile links section -->
<ul class="mobilelinks">
<li><a href="www.youtube.com"><strong>MY LIFE</strong></a></li>
<li><a href="www.youtube.com"><strong>PORTFOLIO</strong></a></li>
<li><a href="#middle"><strong>RESUME</strong></a></li>
<li><a href="index.html"><strong>HOME</strong></a></li>
</ul>
</div>
<!-- More HTML content omitted for brevity -->
</body>