My markdown Viewer does not output correctly

My markdown Viewer does not output correctly
0

#1

Hi everyone,
I thought I had completed this project but then noticed that my markdown is not outputting correctly in my browser ( preview) section. Lists are not showing up correctly, new paragraphs and headings. I can not work out what I have done wrong.

Any ideas anyone.

project link - https://codepen.io/the-oc/pen/wqNvee?editors=0110


#2

Hey there,

your list is broken because you reset its style in your CSS. It’s these declarations in particular that affect it.

*, *:before, *:after, ul, li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul{
  list-style-type: none;
}

li{
  display:inline;
}

Keep in mind that you are inserting actual HTML in the code. It’s affected by CSS. Lastly, what’s wrong with your paragraphs and headings?


#3

Great, that makes sense and now its all working

Thank you