How to add a thumps up icon

HTML-CSS
#1

Hey guys I need help adding font awesome icon of thumps up to a button I’ve been stuck on it for a while now and I can’t debug why I can’t move on to the next challenge

<div class="row">
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button></div>
  <div

Challenge: Add Font Awesome Icons to our Buttons

Link to the challenge:

#2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

#3

Hello @dijahshatta and welcome here,

The first class name for the like button is not fa but fas, as described for the challenge:

by giving it an i element with the classes fas and fa-thumbs-up

A little typo to fix and it should work as expected.

#4

Ooh thanks soo much, I’ve fixed it now

1 Like