Cozy Tea

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

The Tea Cozy 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;
}

Do you have this in a github repository by any chance to look over the full code? :slight_smile:

Can you describe the bug you’re seeing? What’s wrong with the page the way you’ve written it so far?

Not yet but I can put it there in a few days. I’m going on vacation and won’t have the time to do so before I leave.

1 Like

I’m thinking the same thing, however the problem might be with the CSS. I can’t exactly locate the bug, but when i ran the code through a workspace and inputted the CSS stylesheet, i was expecting a bit more style judging by how long the CSS code is but it ended up pretty bland for the most part.

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