Can't understand why certain conditions aren't met for tribute project

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<head> 
<style> @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
</style> 
</head>
<main id="main">
   <div id="hero-image">
    <div id="hero-text">
      <h1 id="title"> Big L </h1>
        <p>Hip-Hop Royalty</p>
          <button>Learn About L</button>
    </div>
      </div>
  <div class="row">
  <div class="column left"><div id="img-div">
<img id="image" src="https://upload.wikimedia.org/wikipedia/pt/a/ac/Big_L.jpg" alt="A photo of Big L in a clean fit."/>
<div id="img-caption">
    <p> A photo of Big L in a clean fit.</p>
  </div></div>
  </div>
  <div class="column right"><div id="tribute-info">
    <h2> The Big Picture </h2>
    <p> Lamont Coleman (May 30, 1974 – February 15, 1999), known professionally as Big L, was an American rapper and songwriter.
Emerging from Harlem in New York City in the early to mid-1990s, Coleman became well known amongst underground hip-hop fans for his freestyling ability. He was eventually signed to Columbia Records, where, in 1995, he released his debut album, <em>Lifestylez ov da Poor & Dangerous </em>On February 15, 1999, Coleman was shot nine times by an unknown assailant in East Harlem, New York, his hometown. He died from his injuries.
Noted for his use of wordplay, multiple writers at AllMusic, HipHopDX and The Source have praised Coleman for his lyrical ability, and he has also been described as "one of the most auspicious storytellers in hip-hop history."Regarding Coleman's legacy in an interview with Funkmaster Flex, Nas claimed "<em>[Coleman] scared me to death. When I heard [his performance at the Apollo Theater] on tape, I was scared to death. I said, 'Yo, it's no way I can compete if this is what I gotta compete with.'</em>" </p>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Big_L" target="_blank"> Wikipedia Page.</a>
  </div>
    </div>
      </div>
        </div>
</main>
<footer>
</footer>

html {
  font-size: 12px;
}
body {
  font-family: Open Sans, Lato, Sans-Serif;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  color: #0B006B;
  margin: 0;
}
#hero-image {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://centralrecorder.com/wp-content/uploads/2021/09/Big-L-1553796122-1.jpg");
}
.row {
  display: flex;
}
.column {
  flex: 50%;
}
.left {
  width: 85%;
  margin:auto;
}

.right {
  width: 15%;
}
h1 {
  font-size: 3.8rem;
  color: white;
}
#image {
 max-width: 100%;
 height: auto;
 margin: 0 auto; 
}
img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

HI @jetsetskyking !

Welcome to the forum!

I see two issues with your code.

No.1:
Please remove the style tags.
You want to place all of your css inside the styles.css page.
You will want to move your google fonts import over there too.

No.2:
Make sure to link your style sheet like the note says at the bottom of the tribute page instructions.

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

When you fix those things, then the test will pass.

Hope that helps!

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