Stuck on Fonts (exercise 4)

I’m stuck in this exercise. The exercise is to “Next, set the first fallback font of the paragraph to Arial, and set the final fallback font to sans-serif.” it says “Did you add the fallback fonts to the paragraph?” but i did and it still wont let me go to the next exercise. Can someone help me plz?



body {
  /* Old browsers */
  background: #141E30;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(-45deg, #35577D, #141E30);
  margin: 0;
  padding: 0;
}

h1 {
  color: #FFF;
  font-size: 32px;
  padding-top: 100px;
  text-align: left;
  width: 60%;
  font-family:Georgia, Garamond, serif;
  text-transform:left;
}

h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  font-weight: 100;
  font-size: 22px;
  line-height: 24px;
  padding-bottom: 30px;
  text-align: left;
  width: 70%;
  font-family:Georgia, Garamond, serif;
  word-spacing:0.05m;
  font-style:italic;
}

p {
  color: AliceBlue;
  line-height: 1em;
  text-align: left;
  width: 100%;
  font-family:Roboto, Arial, sans-serif;
  font-size:20px;
  line-height:1.7em;
  font-weight:100;
}

.byline {
  color: rgba(255, 255, 255, 0.5);
  float: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 14px;
  padding-left: 10px;
  text-transform: uppercase;
}

.caption {
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.65);
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  font-style: italic;
  line-height: 14px;
  margin-left: 20px;
  padding: 10px;
  position: relative;
  top: 80%;
  width: 60%;
}

.content {
  padding: 40px;
}

.image {
  background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_soccer.jpeg");
  background-size: cover;
  background-position: center;
  height: 300px;
}

.writer-img {
  -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  float: left;
  width: 50px;
} 


Hi @ajaxsurfer18375

Your code at first should look like this inside the paragraph:

p {
  color: AliceBlue;
  font-family: Helvetica;
  line-height: 1em;
  text-align: left;
  width: 100%;
}

Then it says you must add fallback fonts to the paragraph. You must keep the font Helvetica and then add your fallback fonts:

p {
  color: AliceBlue;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  text-align: left;
  width: 100%;
}

Hope this helped! :wink:

1 Like

thanks #miniapple8888. it saved my time…

you’re the best… :wink:

nice #miniapple8888 .

Thanks for your help :grin:

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