Make a Website 6/8

gcgabe · September 26, 2016, 10:42pm

<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

...

```

mtf · September 26, 2016, 10:43pm

There is the invalid character. Remove or comment

<!--  ... -->

in both instances.

pc8743 · September 28, 2016, 2:55pm

Specifically, where is the invalid character?

pc8743 · September 28, 2016, 3:15pm

Where is the invalid character?

...

mtf · September 28, 2016, 5:06pm

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.

pc8743 · September 28, 2016, 6:16pm

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

mtf · September 28, 2016, 6:19pm

Remove those characters from your markup.

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

pc8743 · September 28, 2016, 6:34pm

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

mtf · September 28, 2016, 11:41pm

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>

pc8743 · September 29, 2016, 1:54pm

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.

mtf · September 29, 2016, 5:51pm

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.

pc8743 · September 29, 2016, 6:10pm

No I do not have a Pro account.

mtf · September 29, 2016, 6:39pm

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.

pc8743 · September 30, 2016, 3:21pm

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

mtf · September 30, 2016, 6:28pm

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

pc8743 · October 3, 2016, 3:53pm

<!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>

pc8743 · October 5, 2016, 4:54pm

Any luck with the style sheet?

mtf · October 5, 2016, 6:30pm

We are waiting to see what you post.

pc8743 · October 5, 2016, 7:01pm

<!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>

pc8743 · October 5, 2016, 7:47pm

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