What is wrong with my code?

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

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

``` Skillfair

Skillfair

newest

catalogue

contact

Homemade Goods

This Year's Best

See all

kitchen

woodwork

gifts

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

" />

</figure>

CSS
body {
font-family: ‘Roboto’, sans-serif;
font-weight: 300;
}

header {
padding: 20px 0;
}

header .row,
footer .row {
display: flex;
align-items: center;
}

header h1 {
font-weight: 700;
margin: 0;
}

header nav {
display: flex;
justify-content: flex-end;
}

header p {
padding: 0 20px;
margin: 0;
}

.jumbotron {
display: flex;
align-items: center;
background-image: url(‘https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/jumbotron.jpg’);
background-size: cover;
color: #ffffff;
height: 500px;
text-shadow: 0.25px 0.25px 0.25px #000000;
}

.jumbotron h2 {
font-size: 60px;
font-weight: 700;
margin: 0;
color: #fff;
}

.jumbotron h3 {
margin: 0 0 20px;
color: #fff;
}

section .row img {
margin: 0 0 30px;
width: 100%;
}

.col-md-6 {
margin: 0 0 30px;
}

.btn.btn-primary {
border-radius: 2px;
border: 0px;
color: #fbd1d5;
text-shadow: none;
background-color: #ffffff;
}

.btn.btn-primary:hover {
color: #ffffff;
background-color: #fbd1d5;
}

.btn-secondary {
background-color: #E8DFE0;
color: #ffffff;
margin: 0 0 30px;
}

footer {
font-size: 12px;
padding: 20px 0;
}

footer .col-sm-8 {
display: flex;
justify-content: flex-end;
}

footer ul {
list-style: none;
}

footer li img {
width: 32px;
height: 32px;
}

<do not remove the three backticks above>

Move the img out of your p tags.

In each <figure></figure> section cut the <img> tag and paste it just after closing tag </p>.
For example, instead of this:

<figure class="col-sm-6">
      <p>kitchen<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg
" /></p>

it should be

<figure class="col-sm-6">
      <p>kitchen</p>
<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg
" />

Repeat it for all.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.