Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Flexbox Layout Building a Layout with Flexbox Aligning Items to the Bottom of a Column

Posted by anamayfield
anamayfield
4,080 Points

How did you make the entire button clickable?

Unless I'm missing it, I can't find where the link display was set to block. Is there another way that the entire button (outside the text) is clickable?

2 Answers

Moses Wynn
Moses Wynn
20,461 Points
Moses Wynn
Moses Wynn
20,461 Points

Wrap the button tags in the anchor tags like this

<a href="#"><button>Button Text</button></a>
Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,708 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,708 Points

Technically speaking, these are anchor tags styled to look like buttons. In the workspace associated with the video, reference line 32 in index.html:

<a class="button" href="#">Learn More</a>

The styling for the link is in base.css on line 106.