Freecodecamp: Test failing in: Applied Visual Design: Create a Horizontal Line Using the hr Element
Describe your problem and - if possible - how to reproduce it
Second part of test is failing, incorrectly stating that "The hr tag should come between the title and the paragraph." although actually
tag is already placed and displayed in results view as it should be.
Add a Link to the page with the problem
Tell us about your browser and operating system
- Browser Name: Chrome
- Browser Version: Version 67.0.3396.99 (Official Build) (64-bit)
- Operating System: Mac OS
If possible, add a screenshot here
povilasraciunas
All 59 comments
I can confirm I am having this problem too. Been talking about it on the forum here - https://forum.freecodecamp.org/t/create-a-horizontal-line-using-the-hr-element-is-this-bug/212450/6
Seems like a recent problem...
Also seems that for others that has completed this challenge it still passes for them.
puyanwei
on 28 Jul 2018
Same issue for me too.
courseiam
on 28 Jul 2018
About browser:
Browser Name: Chrome
Browser Version: 67.0.3396.99 (Official Build) (32-bit)
Operating System: Windows 10
Here is screenshot
asheavenist
on 28 Jul 2018
Similiar issue I'm facing
lastnamearya
on 28 Jul 2018
Same Here, I wonder if i can skip this task?
yohanisgobai
on 28 Jul 2018
Same here.
daldoy
on 28 Jul 2018
I have the same problem, using firefox.
@yohanisgobai it can be skipped and go onto the next challenge.
gareth-d85
on 29 Jul 2018
same issue, using chrome.
Crazypari
on 29 Jul 2018
i am also having same issue
dhanush13-c
on 29 Jul 2018
I am also having the same issue. It made me feel better to see I wasn't going crazy with this simple task.
Doministic
on 29 Jul 2018
Same issue in Chrome
philheb
on 29 Jul 2018
Same here, tried it a bizillion times, good to see I'm not the only one.
avidDIY
on 30 Jul 2018
Try to switch you <p><em> tag like this.. This work for me..
Hope it helps, for someone who want to pass this test..
asheavenist
on 30 Jul 2018
@asheavenist That solution worked for me! Thanks!
kc-taylor
on 30 Jul 2018
@asheavenist That solution worked for me as well, which is funny since I threw the emphasis tag around the paragraph in Use the em Tag to Italicize Text and it made me move them inside
. Thanks
joncartee
on 30 Jul 2018
@asheavenist thanks its worked :+1:
79r
on 30 Jul 2018
@asheavenist Awesome. It works.
adarshnanwani
on 30 Jul 2018
and switch worked!
Theloudneon
on 30 Jul 2018
@asheavenist thanks for bringing the solution, while i still have motivation to learn fcc
yohanisgobai
on 30 Jul 2018
Thank you very much! It worked, and now I can sleep.
On Sun, Jul 29, 2018 at 9:19 PM, asheavenist notifications@github.com
wrote:
Try to switch you
tag like this.. This work for me..*
[image: fix solution]
https://user-images.githubusercontent.com/36536058/43372953-878b6872-93d0-11e8-9b42-246145e359b3.JPG
Hope it helps, for someone who want to pass this test..*â
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AnP_W2VSYM2weLkFR471YxKKkFT17e03ks5uLl8KgaJpZM4Vk-Xj
.
avidDIY
on 31 Jul 2018
Did not work for me. My em and p were in the correct order, to begin with.
adonis8441
on 31 Jul 2018
Switching the 'em' tag to enclose the 'p' tag worked for me too
Lluran
on 31 Jul 2018
Thanks much, @asheavenist ! Now I can continue to the next challenge. XD
ginApp
on 31 Jul 2018
@asheavenist thanks bro! U r a genious đ
saneki26
on 31 Jul 2018
I moved the em to before the p tag and all is working now thank you
adonis8441
on 1 Aug 2018
Getting it to pass is one thing, but is that really the intention?
Users are going to get stuck here, and it can be very demotivating when it will say it is wrong when it is correct. Maybe can you swap the tags for the default script when starting this challenge?
puyanwei
on 1 Aug 2018
@povilasraciunas I am attempting to solve this issue. I anticipate finding a solution tonight. Atm, I am stumped as to how swapping the em and p tags could pass the test as that does not fit the regex at all. This would be my first pull request and with the changes made recently to the structure of the repos ( moving challenges from /seed to the curriculum repo) without updating the contributing instructions is giving me some confusion as well.
joeslost
on 1 Aug 2018
@joeslost The contributing of curriculum can be found in docs of curriculum repo. Hereâs the link
https://github.com/freeCodeCamp/curriculum/blob/dev/docs/CONTRIBUTING.md
Also youâll find the format of each challenge in the same folder.
Even I didnât understand how changing em and p is fixing the issue as it doesnât match the regex.
Nirajn2311
on 1 Aug 2018
Hi Joe, thank you! Yeah, that "trick" of putting em tags outside to make
the test pass was interesting :)
Of course, it is not a big deal for me as I move on with other challenges,
but still wanted to report it as fcc is really great place for such
beginners like myself and I want to contribute at least by reporting bugs :)
On Wed, Aug 1, 2018 at 2:06 PM Joe Andersen notifications@github.com
wrote:
@povilasraciunas https://github.com/povilasraciunas I am attempting to
solve this issue. I anticipate finding a solution tonight. Atm, I am
stumped as to how swapping the em and p tags could pass the test as that
does not fit the regex at all. This would be my first pull request and with
the changes made recently to the structure of the repos ( moving challenges
from /seed to the curriculum repo) without updating the contributing
instructions is giving me some confusion as well.â
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-409536371,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ANPcbM5Jx7jWBQPIRRo5LuMedKoSgJY1ks5uMYvJgaJpZM4Vk-Xj
.
--
Pagarbiai
Povilas RaÄiĆ«nas
povilasraciunas
on 1 Aug 2018
@asheavenist Alright, thanks to a friend that told me to research my ass. I found your post and it works so thanks to you too. #FREECODECAMPFIXPLSILIEKU
iTechGaming
on 1 Aug 2018
Awesome! For those completists that don't want a skipped lesson on their conscience! Me...
ken-can-code
on 2 Aug 2018
thanks to you, it works....
Crazypari
on 2 Aug 2018
Now I feel my soul can be in peace
dennise909
on 3 Aug 2018
Still an issue on 08/06/2018; asheavenist fix helped move on. Thanks!
HansFernandez
on 6 Aug 2018
Thank you @asheavenist!
kathleengraham
on 7 Aug 2018
Thank you @asheavenist it works!
FoxNeo
on 8 Aug 2018
Thanks @asheavenist! https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872
davereichardt
on 8 Aug 2018
Thanks you @asheavenist!
Was stuck on this challenge for quite an hour until I searched it up!
oycyc
on 9 Aug 2018
FINALLY! Thank you đ @asheavenist
veryfunkymunky
on 10 Aug 2018
The above post brought me here. Definitely frustrating and hope it gets fixed soon! FCC is so beginner friendly that this contradicting bug makes it difficult to trust the course content. With that said, this has been such a great resource that I'm merely commenting here to report that I ran into the same issue and felt frustrated.
Thanks for all you do!
stephanieplopez
on 12 Aug 2018
I wanted to create a PR for this but it looks like is already fixed on staging, can someone confirm?
goncy
on 15 Aug 2018
@goncy Yep, the issue was fixed here: https://github.com/freeCodeCamp/curriculum/pull/189.
The reason the issue still occurs is because the UI has not been updated to use the latest curriculum version. They were broken up into separate components and the UI needs to import the curriculum in order to use it. The fix for this issue is in the curriculum version 3.1.2, while the UI is still using version 3.1.1.
huyenltnguyen
on 16 Aug 2018
exact same thing still happening to me.
Tried the solution from a comment above saying to put the em tags outside of the p tags, and it worked. Thank you! :]
BryantCabrera
on 20 Aug 2018
Thank you! Switching the tags 'p' and 'em' worked for me also!
nicollehahn
on 20 Aug 2018
I can confirm also that the workaround is to switch the tags 'p' and 'em' like below:
<h4>Alphabet</h4>
<hr>
<em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>
despite the fact that the right solution should be as follow:
<h4>Alphabet</h4>
<hr>
<p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
rolandjo
on 20 Aug 2018
Yep! Switching tags 'p' and 'em' is working :) Thanks guys!
marthehe
on 22 Aug 2018
Switching tags word for me too .....
slavo3dev
on 3 Sep 2018
Thank you! Switching the tags 'p' and 'em' worked for me too!
Glad I follow the direction: "When you get stuck, remember: Read-Search-Ask"
read the documentation or error
Search Google
Ask for help
search google is definitely the way to go!!! yeah
pepperH
on 5 Sep 2018
For future visitors, this issue is already resolved but not yet deployed to the production platform, for passing the test you can just do https://github.com/freeCodeCamp/freeCodeCamp/issues/17944#issuecomment-408720872
I think this issue can be closed
goncy
on 6 Sep 2018
@asheavenist Thanks!! it worked for me
Corneliaclassic
on 7 Sep 2018
How did someone figure out that switching other tags would fix this? Glad it's a workaround and I found it. There is nothing more annoying to me than having that one incomplete problem in the lists of problems
brewbart
on 7 Sep 2018
@asheavenist Thank you
Lninn
on 10 Sep 2018
@asheavenist - would you mind explaining how you figured out this solution?
alwayzup
on 11 Sep 2018
Hey guys wanted to let everyone know you are doing it right, but you have to switch the em element with the p element. I put ** buy the corrections so you guys can see. Scroll down just past your
.cardText {
margin-bottom: 30px;
}
Alphabet
**
**Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.**
**
lsumner
on 13 Sep 2018
Why is no-one pointing out that the âworkaroundâ is invalid HTML? How many new coders will now think that itâs perfectly OK to nest p tags within em tags because it was suggested here _and_ passed the âtestâ on here?
RaspberryLime
on 13 Sep 2018
Why is no-one pointing out that the âworkaroundâ is invalid HTML? How many new coders will now think that itâs perfectly OK to nest p tags within em tags because it was suggested here _and_ passed the âtestâ on here?
They are addressing it, see here:
https://github.com/freeCodeCamp/curriculum/pull/189
Valid point though.
bpkaur
on 19 Sep 2018
Why is no-one pointing out that the âworkaroundâ is invalid HTML? How many new coders will now think that itâs perfectly OK to nest p tags within em tags because it was suggested here _and_ passed the âtestâ on here?
They are addressing it, see here:
freeCodeCamp/curriculum#189
Valid point though.
Thank you for the link, I'd missed that one. It's nice to see the updates.
RaspberryLime
on 19 Sep 2018
Looks like this just got fixed. It passes for me now with the correct code. :)
RaspberryLime
on 22 Sep 2018
Can someone close this issue as it has been fixed?
Nirajn2311
on 28 Sep 2018
Related issues
ar5had
·
3Comments
Tzahile
·
3Comments
EthanDavis
·
3Comments
QuincyLarson
·
3Comments
danielonodje
·
3Comments
Most helpful comment
Try to switch you
<p><em>tag like this.. This work for me..Hope it helps, for someone who want to pass this test..