Have to click the text, not the button itself


#1

Finished step 8 (the last one) pushed submit and it says it's correct. But when i click on the button i can only click the text to take me to youtube instead of the button itself.

Anyone able to help me out here? Cheers

HTML(https://gist.github.com/dd716ae02a7978f673a5b18284f2de3f)

CSS(https://gist.github.com/c3f918e1ad2ff320f1bb89228f650081)

#2

Try putting the <div></div> tags inside the <a href=...></a> tags, for example:

<a href="#" target="_blank">
    <div id="btn">Click me!</div>
</a>

That should make the entire div clickable.

Make sure you keep the image inside the anchor tags too, if you want to be able to click on that too. :slight_smile:


#3

html5 allows you, to nest the div inside the anchor (<a></a>), but i don't prefer this method.

I would personally just make the anchor a block:

<a href="https://google.com">google</a>

css:

a { 
  display: block;
  height: 100px;
  width: 300px;
  background: lime;
}

with display: block, we make the anchor behave like a block, and we don't need the div


#5