Make a Website 6/8

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/make-a-website/lessons/bootstrap/exercises/supporting-content?action=lesson_resume&link_content_target=interstitial_lesson

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
Invalid character

``` Skillfair

Skillfair

newest

catalogue

contact

Homemade Goods

This Year's Best

See all
...
...
```

There is the invalid character. Remove or comment

<!--  ... -->

in both instances.

Specifically, where is the invalid character?

Where is the invalid character?

...
...

The code in the lesson text contains illegal characters. If one copies and pastes the example, it will contain the horizontal ellipse, but it may be hidden.

Thank you but, I did not copy and paste and am still receiving invalid character error? What should I do to correct?

Remove those characters from your markup.

    <div class="row">
    
    </div>
    <div class="row"> 
    
    </div>

I have removed/deleted the entire section on 6.8 and reentered, omitting those characters and they automatically populate, please advise.

Without being able test once a module is complete I cannot reproduce the issue.

If you follow the steps without typing in … the section should look like this:

  <section class="container">
    <div class="row">
      <figure class="col-sm-6">
        <p>kitchen</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>woodwork</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg">
      </figure>
    </div>
    <div class="row">
      <figure class="col-sm-6">
        <p>gifts</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>antiques</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg">
      </figure>
    </div>
  </section>

Thank you so much for replying. I am not entering the … and am still getting the invalid character error message☹. Even if I don’t enter it it automatically populates it and is hidden.

Technically, there are no invalid characters when they are between tags, so long as the encoding recognizes them. I’m still trying to wrap my head around this problem. Do you have a Pro account? There are advisors that may be able to shed some light on this.

No I do not have a Pro account.

Much as I hate to suggest this, did you try pasting in my section sample above? It is the completion of all the steps in that lesson.

Unsuccessful, even after pasting your section above still receiving the invalid character message on question 2 of 8 Exercise 6 (Supporting Content)

May we have a look at your style sheet, please? We haven’t looked there, yet.

<!DOCTYPE html>
<html>
  <head></head>
  <title>Skillfair</title>
  <meta charset="utf-8"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="main.css">
  <head></head>
  <body></body></html><head></head>
<header class="container">
  <div class="row">
    <h1 class="col-sm-4">Skillfair</h1>
    <nav class="col-sm-8 text-right">
      <p>newest</p>
      <p>catalogue</p>
      <p>contact</p>
      </nav>
  </div>
</header>
<section class="jumbotron">
  <div class="container">
    <div class="row text-center">
      <h2>Made in America</h2>
      <h3>Nominated Top 5 in Country</h3>
      <a class="btn btn-primary"
href="#" role="button">See all</a>
  </div>
  </div>
  </section>
  <section class="container">    <div class="row">
      <figure class="col-sm-6">
        <p>kitchen</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>woodwork</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg">
      </figure>
    </div>
    <div class="row">
      <figure class="col-sm-6">
        <p>gifts</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>antiques</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg">
      </figure>
    </div>
  </section>

Any luck with the style sheet?

We are waiting to see what you post.

<!DOCTYPE html>
<html>
  <head></head>
  <title>Skillfair</title>
  <meta charset="utf-8"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="main.css">
  <head></head>
  <body></body></html><head></head>
<header class="container">
  <div class="row">
    <h1 class="col-sm-4">Skillfair</h1>
    <nav class="col-sm-8 text-right">
      <p>newest</p>
      <p>catalogue</p>
      <p>contact</p>
      </nav>
  </div>
</header>
<section class="jumbotron">
  <div class="container">
    <div class="row text-center">
      <h2>Made in America</h2>
      <h3>Nominated Top 5 in Country</h3>
      <a class="btn btn-primary"
href="#" role="button">See all</a>
  </div>
  </div>
  </section>
  <section class="container">    <div class="row">
      <figure class="col-sm-6">
        <p>kitchen</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>woodwork</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg">
      </figure>
    </div>
    <div class="row">
      <figure class="col-sm-6">
        <p>gifts</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>antiques</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg">
      </figure>
    </div>
  </section>

Can someone please assist on what the issue is on Make a Website 6/8…see my prior post.