hi and heres the error i get. so can some one help me out and show me how to then get this to pass or any pointers. have tried googling and tried a few things, but still not working or passing. thanks. marvin.
ps: pasting the error below. and also will put the link to the step. forgot to do that. sorry.
Your first img element should have a src attribute set to https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Magazine</title>
<link rel="stylesheet" href="styles.css" />
<link href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" />
</head>
<body>
<main>
<aside class="image-section">
<img
src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
alt="image of the quote machine project"
class="image-1"
loading="lazy"
/>
<img
src="https://cdn.freecodecamp.org/testable-projects-fcc/images/js-documentation.png"
alt="image of JavaScript documentation project"
/>
<blockquote class="image-quote">
"The only way to learn to code is to build projects."
</blockquote>
<img
src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
alt="image of calculator project"
/>
</aside>
<section class="heading">
<header class="hero">
<img
class="hero-img"
src="https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png"
alt="freeCodeCamp logo"
loading="lazy"
width="400"
/>
<h1 class="hero-title">OUR NEW CURRICULUM</h1>
<p class="hero-subtitle">
Our efforts to restructure our curriculum with a more project-based focus.
</p>
</header>
<div class="author">
<p class="author-name">
By
<a href="https://freecodecamp.org" target="_blank" rel="noreferrer">freeCodeCamp</a>
</p>
<p class="publish-date">March 7, 2019</p>
</div>
<div class="social-icons">
<a href="https://www.facebook.com/freecodecamp" target="_blank" rel="noreferrer"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/freecodecamp" target="_blank" rel="noreferrer"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/freecodecamp" target="_blank" rel="noreferrer"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/free-code-camp" target="_blank" rel="noreferrer"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/freecodecamp" target="_blank" rel="noreferrer"><i class="fab fa-youtube"></i></a>
</div>
</section>
<section class="text">
<p class="first-paragraph">
Soon the freeCodeCamp curriculum will be 100% project-driven learning.
Instead of a series of coding challenges, you'll learn through
building projects — step by step. Before we get into the details,
let me emphasize: we are not changing the certifications. All 6
certifications will still have the same 5 required projects. We are
only changing the optional coding challenges.
</p>
<p class="first-paragraph">
After years — years — of pondering these two problems and how to solve
them, I slipped, hit my head on the sink, and when I came to I had a
revelation! A vision! A picture in my head! A picture of this! This is
what makes time travel possible: the flux capacitor!
</p>
<p class="first-paragraph">
It wasn't as dramatic as Doc's revelation in Back to the Future. It
just occurred to me while I was going for a run. The revelation: the
entire curriculum should be a series of projects. Instead of individual
coding challenges, we'll just have projects, each with their own seamless
series of tests. Each test gives you just enough information to figure
out how to get it to pass. (And you can view hints if that isn't enough.)
</p>
<blockquote>
<hr />
<p class="quote">The entire curriculum should be a series of projects.</p>
<hr />
</blockquote>
</section>
<section class="text text-with-images">
<article class="brief-history">
<h3 class="list-title">A Brief History</h3>
<p>Of the Curriculum</p>
<ul class="lists">
<li>
<h4 class="list-subtitle">V1 - 2014</h4>
<p>We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.</p>
</li>
<li>
<h4 class="list-subtitle">V2 - 2015</h4>
<p>We added interactive algorithm challenges.</p>
</li>
<li>
<h4 class="list-subtitle">V3 - 2015</h4>
<p>We added our own HTML+CSS challenges (before we'd been relying on General Assembly's Dash course for these).</p>
</li>
<li>
<h4 class="list-subtitle">V4 - 2016</h4>
<p>We expanded the curriculum to 3 certifications, including Front End, Back End, and Data Visualization. They each had 10 required projects, but only the Front End section had its own challenges. For the other certs, we were still using external resources like Node School.</p>
</li>
<li>
<h4 class="list-subtitle">V5 - 2017</h4>
<p>We added the back end and data visualization challenges.</p>
</li>
<li>
<h4 class="list-subtitle">V6 - 2018</h4>
<p>We launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.</p>
</li>
</ul>
</article>
</section>
</main>
</body>
</html>
hi did try using the help button. using a screen reader jaws for windows. in the workshop sometimes does not have the help button, for the labs it does. weird.
marvin.
I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
the help button appear only after you try to run the tests three times
for this step, the images inside the .image-wrapper element do not have a src at the start of the step, you need to add it to them, the issue is that I do not see an .image-wrapper element in your code.
