I need help I know I’m doing something wrong but I can’t figure out what it is that I’m doing wrong. Here’s my code.
HTML
Mission
Featured Tea
Locations
Our Mission
<span>
Handpicked, Artisanally Curated, Free Range,Sustainable,Small Batch,
Fair Trade, Organic Tea</span
>
</div>
</div>
<div id="featured" class="flex-content">
<h2>Tea of The Month</h2>
<img
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-berryblitz.jpg?_gl=1*1jkd652*_ga*NDEzNTg3MzAzNS4xNjkxNTU5MDI1*_ga_3LRZM6TM9L*MTY5MjE5NzE3OS4yNi4xLjE2OTIxOTg3NjAuMjYuMC4w"
/><span>Fall Berry Blitz Tea</span>
<img
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-spiced-rum.jpg?_gl=1*g686pg*_ga*NDEzNTg3MzAzNS4xNjkxNTU5MDI1*_ga_3LRZM6TM9L*MTY5MjE5NzE3OS4yNi4xLjE2OTIxOTg3NjAuMjYuMC4w"
/><span>Spiced Rum Tea</span>
<img
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-donut.jpg?_gl=1*15mlk0q*_ga*NDEzNTg3MzAzNS4xNjkxNTU5MDI1*_ga_3LRZM6TM9L*MTY5MjE5NzE3OS4yNi4xLjE2OTIxOTg3NjAuMjYuMC4w"
/><span>Seasonal Donut</span>
<img
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-myrtle-ave.jpg?_gl=1*z212fz*_ga*NDEzNTg3MzAzNS4xNjkxNTU5MDI1*_ga_3LRZM6TM9L*MTY5MjE5NzE3OS4yNi4xLjE2OTIxOTg3NjAuMjYuMC4w"
/><span>Myrtle Ave</span>
<img
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-bedford-bizarre.jpg?_gl=1*1ye6ade*_ga*NDEzNTg3MzAzNS4xNjkxNTU5MDI1*_ga_3LRZM6TM9L*MTY5MjE5NzE3OS4yNi4xLjE2OTIxOTg3NjAuMjYuMC4w"
/><span>Bedford Bizarre </span>
</div>
<div id="locations" class="flex-container">
<div class="location">
<h3>Downtown</h3>
<p>384 West 4th St</p>
<p>Suite 108</p>
<p>Portland, Maine</p>
</div>
<div class="location">
<h3>East Bayside</h3>
<p>3433 Phisherman's Avenue</p>
<p>(Northwest Corner)</p>
<p>Portland, Maine</p>
</div>
<div class="location">
<h3>Oakdale</h3>
<p>515 Crescent Avenue</p>
<p>Second Floor</p>
<p>Portland, Maine</p>
</div>
</div>
The Tea Cozy
[email protected]
917-555-8904
Copyright The Tea Cozy 2017
CSS
/* Universal Styles */
body {
margin: 0;
font-family: “Helvetica”, sans-serif;
color: seashell;
background-color: black;
font-size: 22px;
text-align: center;
}
a {
color: seashell;
}
h2,
h3,
h4 {
margin: 0;
padding: 10px;
}
.flex-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* Header Section */
header {
width: 100%;
position: fixed;
z-index: 1;
height: 69px;
background-color: black;
border-bottom: 1px solid seashell;
align-items: center;
}
header img {
height: 50px;
padding-left: 10px;
}
nav {
text-align: right;
flex-grow: 1;
}
nav span {
display: inline-block;
padding: 20px 10px;
}
/* Main Section */
.main {
padding-top: 69px;
opacity: 0.9;
width: 1200px;
margin: auto;
}
/* Mission Section */
#mission {
height: 700px;
background-image: url(“https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-4/img-mission-background.jpg”);
padding-top: 70px;
}
#mission .content {
margin: auto;
background-color: black;
width: 100%;
}
/* Store Section */
#store {
height: 700px;
width: 1000px;
margin: auto;
padding-top: 70px;
}
.item {
padding: 5px;
}
.item img {
height: 200px;
margin: 10px;
display: block;
}
.item span {
display: block;
padding: 5px;
font-weight: bold;
text-align: center;
}
/* Location Section */
.flex-container.locations {
padding-top: 5px;
}
#locations {
background-image: url(“https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-4/img-locations-background.jpg”);
height: 500px;
padding-top: 70px;
}
#locations .flex-container {
margin: auto;
width: 1100px;
}
.location {
opacity: 1.0;
padding: 10px;
margin: 5px 20px;
background-color: black;
flex-basis: 280px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Contact Section */
#contact {
height: 200px;
}
/* Footer Section */
footer {
text-align: left;
padding-left: 20px;
}
