gcgabe
September 26, 2016, 10:42pm
#1
<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
...
...
```
mtf
September 26, 2016, 10:43pm
#2
gcgabe:
…
There is the invalid character. Remove or comment
<!-- ... -->
in both instances.
pc8743
September 28, 2016, 2:55pm
#3
Specifically, where is the invalid character?
pc8743
September 28, 2016, 3:15pm
#4
Where is the invalid character?
...
...
mtf
September 28, 2016, 5:06pm
#5
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
#6
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
#7
Remove those characters from your markup.
<div class="row">
</div>
<div class="row">
</div>
pc8743
September 28, 2016, 6:34pm
#8
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
#9
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
#10
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
#11
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
#12
No I do not have a Pro account.
mtf
September 29, 2016, 6:39pm
#13
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
#14
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
#15
May we have a look at your style sheet, please? We haven’t looked there, yet.
pc8743
October 3, 2016, 3:53pm
#16
<!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
#17
Any luck with the style sheet?
mtf
October 5, 2016, 6:30pm
#18
We are waiting to see what you post.
pc8743
October 5, 2016, 7:01pm
#19
<!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
#20
Can someone please assist on what the issue is on Make a Website 6/8…see my prior post.