<<<<<<< HEAD
/* INSTRUCTIONS
 *
 * 1) Keep the text inside .intro-content
 *    in the same place, but have the background
 *    extend from one side of the viewport
 *    to the other, no matter how wide or narrow
 *    the browser is.
 *
 * 2) Limit the maximum width of the text in the
 *    bottom area.
 *
 * You may modify the HTML if needed
 * (you probably should for this challenge)
 *
 */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.intro-container {
  width: 100%;
  background: #23424a;
  color: white;
  padding: 50px 0;
}

.intro-box {
  width: 80%;
  max-width: 750px;
  padding: 50px;
  margin: 0 auto;
}
.extra-box {
  width: 80%;
  max-width: 750px;
  padding: 0 50px;
  margin: 0 auto;
}

.intro-content {
  width: 50%;
}
.extra-content {
  width: 100%;
}
=======
/* INSTRUCTIONS
 *
 * 1) Keep the text inside .intro-content
 *    in the same place, but have the background
 *    extend from one side of the viewport
 *    to the other, no matter how wide or narrow
 *    the browser is.
 *
 * 2) Limit the maximum width of the text in the
 *    bottom area.
 *
 * You may modify the HTML if needed
 * (you probably should for this challenge)
 *
 */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.intro-container {
  width: 100%;
  background: #23424a;
  color: white;
  padding: 50px 0;
}

.intro-box {
  width: 80%;
  max-width: 750px;
  padding: 50px;
  margin: 0 auto;
}
.extra-box {
  width: 80%;
  max-width: 750px;
  padding: 0 50px;
  margin: 0 auto;
}

.intro-content {
  width: 50%;
}
.extra-content {
  width: 100%;
}
>>>>>>> 066b40e360b37bd79dcce5d373605de2fe2d1b41