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: