Issue with Section IV (Fall-Back Fonts) Instruction II


#1

https://www.codecademy.com/courses/learn-html-css/lessons/css-fonts/exercises/fallback-fonts?action=lesson_resume

Visual Aid: http://imgur.com/a/mrhYr


There are no error messages in my code, however the lesson will not let me advance to the next.., not really sure what the problem is exactly, everything seems right. The second part of the instructions say "Next, set the first fallback font of the paragraph to Arial, and set the final fallback font to sans-serif."
With that information, It is to my knowledge that its asking me to change the first and final fallback font in the paragraph (>p) which was clearly performed.


 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 {
   font-family: Georgia, Garamond, serif;
  color: #FFF;
  font-size: 32px;
  padding-top: 100px;
  text-align: left;
  width: 60%; } 


h2 {
 
font-family: Georgia, Garamond, serif;
  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%;
}

p {
  font-family: Georgia, Arial, sans-serif;
  color: AliceBlue;
  line-height: 1em;
  text-align: left;
  width: 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;
}


#2

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

reset your code.First font-family of p was Helvetica not Georgia


#3

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