My markdown Viewer does not output correctly

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

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?

Great, that makes sense and now its all working

Thank you