I cannot remove the text in between the two images on my page

Question

I have looked at the code and compared it to the video and cannot get rid of the the text in between the two images.  Lake Tahoe - and I show the words All rights which should be at the bottom of the page between the images.
/* Base Styles -------------------- */
{
box-sizing: border-box; 
}
body {
  color: #878787;
  margin: 0;
  font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {  
  font-size: 5.625rem; /* 90px/16px  */
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.3;
}
h2 {
  font-size: 3.3125em; /* 53px/16px  /
  font-weight: normal;
  line-height: 1.1;
  margin: 0 0 .5em; / 0 0 26px */
}
h3 {
  font-size: 1.25em; /* 20px/16px  /
  color: #48525c;
  line-height: 1.2;
  margin-bottom: 1.7em; / 34px */
}
img {
    max-width: 100%
    margin-bottom: 20px:
}
/* Pseudo-classes ------------------ */
a:link {
  color: rgb(255, 169, 73);
  text-decoration: none;
}
a:visited {
  color: lightblue;
}
a:hover {
  color: rgba(255, 169, 73, .4);
}
a:active {
  color: lightcoral;
}
/* Main Styles --------------------- */
.main-header {
    padding-top: 170px;
    height: 850px;
  background-color: #ffa949;url('../img/mountains.jpg') no-repeat center;
  background-size: cover;
}
.title {
  color: white;
  font-size: 1.625rem; /* 26px/16px */
}
.intro {
  font-size: 1.25em; /* 20px/16px */
  line-height: 1.6;  
}
.primary-content,
.main-header,
.main-footer {
  text-align: center;
}
.primary-content {
    padding-top: 25px;
  padding-bottom: 95px;
}
.secondary-content {
    padding-top: 80px;
    padding-bottom: 70px;
  border-bottom: 2px solid #dfe2e6;
}
.callout {
  font-size: 1.25em;
  border-bottom: 3px solid;
  padding: 0 9px 3px;
  margin-top: 20px;
  display: inline-block;
}
.main-footer {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 10px solid #ffa949;
}
.t-border {
  border-top: 2px solid #dfe2e6;
}
/* Layout Styles ------------------ */
.primary-content, 
.secondary-content {
  width: 75%;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto:;
  max-width: 960px;
}
.wildlife {
  color: white;
  background-color: #434a52;
  padding: 18% 24%;
  border-top: 10px solid #ffa949;
  margin: 105px 0 60px;
  background: #434a52 url('../img/bear.jpg') no-repeat center;
    ackground-size: cover;
  }
  .arrow {
    width: 50px;
  }
  /* Floated Columns ------------------ */
  .resorts,
  .tips {
    width: 46.5%;
  }
  .tips {
    float: left;
  }
  .resorts {
    float: right;
  }
  /* Float Clearfix ------------------ */
  .group:after {
    content: "";
    display: table;
    clear: both;
  }
what am I doing incorrectly?

Sky King · Answer

Please format your code properly (use the treehouse workspace feature to snap and paste your code) so it can be readable

Welcome to the Treehouse Community

Looking to learn something new?

Miriam Allman

Miriam Allman

I cannot remove the text in between the two images on my page

1 Answer

Sky King

Sky King