freeCodeCamp Challenge Guide: Create a Custom Heading

Create a Custom Heading


Solution 1 (Click to Show/Hide)
<link href="" rel="stylesheet" type="text/css">

  h2 {
    font-family: Lobster, Monospace;

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8">
      <h2 class="text-primary  text-center">CatPhotoApp</h2>
    <div class="col-xs-4">
        <a href="#"><img class="img-responsive thick-green-border" src="" alt="A cute orange cat lying on its back."></a>
  <img src="" class="img-responsive" alt="Three kittens running towards the camera.">
  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info">Info</button>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger">Delete</button>
  <p>Things cats <span class="text-danger">love:</span></p>
    <li>cat nip</li>
    <li>laser pointers</li>
  <p>Top 3 things cats hate:</p>
    <li>flea treatment</li>
    <li>other cats</li>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

The biggest screwy part for me was where to put the /div’s. You can’t finish the div off inside the h2 or img element; It has to finish outside of it.

1 Like

my code looks just like this and it’s telling me to make sure my div elements have a closing tag… been stuck for hours what am I doing wrong?

1 Like

Yeah i have the same problem

You have two sets of

therefore, you should have two closing
1 Like

You need to put two closing tags instead of just one at the end because you have multiple tags open. I was confused for awhile also

Your right, i was stuck on this for a bit too and was like wth let me try this so i put two closing tags back to back and it worked.


Big help, thank you!

I think this example may need a closing div tag.

What would happen if, rather than making divs with classes, if we added another class to the heading or img tag?