Front End Development Libraries Projects - Build a Markdown Previewer - Passing the tests but possible issue with parser

JavaScript
1

Tell us what’s happening:

Hello,
My code is already passing the relevant tests. However, somehow the parser does not actually work I would expected it to. The blockquotes and tables for example aren’t shown correctly on screen. What could be the issue?

Here is my pen: https://codepen.io/MuazD/pen/XWvQbOj?editors=0111

Thanks in advance!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Challenge Information:

Front End Development Libraries Projects - Build a Markdown Previewer

2

You code passed for me, but still not sure what the question is about. What input are you using here?

3

Yes, code is already passing. I took the same input (except the image) as the demo project. I was referring to the preview of the markdown in my project compared to the one from the demo project. Mine does not look “user-friendly”, unfortunately. Especially the appearance of table(s). Just wondering what I’m missing.

The left image shows the preview from the demo project, right one the one from my project.

demoproject
demoproject552×727 31.2 KB
myproject
myproject546×737 36.2 KB

4

that’s a styling difference, you have a table there

image
image366×228 4.92 KB

Same for the code elements.

image
image435×249 5.64 KB

If you want your page to look differently you need to style it differently.

5

Oh, I see. Thought for a moment that this is also the job of the parser. Many thanks for clarification!

6

it’s possible that the demo project uses additional plugins, for example for the code highlighting, but everything else (background for the code element, the tables with borders etc) is css

1 Like