ShayD
August 13, 2022, 2:10pm
1
Tell us what’s happening: missing something. need another set of eyes here - error says Your a
element should have the href
set to https://freecodecamp.org
. - yet it is/does
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main>
<section class="heading">
<header class="hero">
<img
src="https://cdn.freecodecamp.org/platform/universal/fcc_meta_1920X1080-indigo.png"
alt="freecodecamp logo"
loading="lazy"
class="hero-img"
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"<target="_blank">
<a href="https://www.freecodecamp.org/">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
</section>
</main>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Learn CSS Grid by Building a Magazine - Step 7
Link to the challenge:
Your target blank is not inside your anchor tag.
ShayD
August 13, 2022, 2:53pm
3
thanks for the reply. still giving me an error
<div class="author">
<p
class="author-name">
<a href="https://www.freecodecamp.org/" target="_blank">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
You have unnecessy /
in your link
ShayD
August 13, 2022, 3:37pm
5
still giving error
<div class="author">
<p
class="author-name">
<a href="https://www.freecodecamp.org" target="_blank">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
</section>
</main>
ShayD
August 13, 2022, 3:54pm
7
now it is saying I should create a new a element - any feedback would be helpful
<div class="author">
<p class="author-name"
<a href="https://freecodecamp.org" target="_blank">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
ShayD
August 13, 2022, 4:25pm
8
ran it through codepen, added > in again and now this error - Your a
element should surround the text freeCodeCamp
.
<div class="author">
<p class="author-name">
<a href="https://freecodecamp.org" target="_blank">By freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
ShayD
August 13, 2022, 4:41pm
9
I did that - this is the error - Your first new p
element should have the text By freeCodeCamp
. so it is going back and forth with an error say I should have the text ‘freeCodeCamp’ to saying I should have the text ‘By freeCodeCamp’
<div class="author">
<p class="author-name">
<a href="https://freecodecamp.org" target="_blank">freeCodeCamp</a></p>
<p class="publish-date">March 7, 2019</p>
</div>
ShayD:
try removing them it might work
The last three backticks go on their own line.
jasper2:
removing
oh yes sorry i meant moving not removing typo sorry, my mistake
ShayD
August 13, 2022, 5:34pm
13
what back ticks? those back ticks happen when I post the question. they are not part of the code I have written. or, please explain
you had ‘’’ three ticks like that but you have edited them out
ShayD
August 13, 2022, 5:38pm
15
I see that I did. the ticks were not part of the code though. when you post to the forum the code goes in between backticks. that is what it was showing. My code isn’t passing still. do you have any feedback on the code?
ShayD:
backticks
they are used to dispaly your code without the freecodecamp forum woulf not display your code.
ShayD
August 13, 2022, 5:40pm
17
I solved it. had to break up the By from the freecodecamp in text. I appreciate your help though. It helped me towards the solution.
i will have a look at it and try to fix it
your a element is surrounding the words:
By freeCodeCamp
it should only surround the word
freeCodeCamp
That should be your answer.
1 Like
You have an extra < after “author-name”