Next.js Discord

Discord Forum

Remark.js Not Showing :marker

Answered
Pollock posted this in #help-forum
Open in Discord
Avatar
PollockOP
Hello everyone! I'm currently going through the Nextjs documentation, and following its tutorial. I am on this step: https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown. However, my unordered list don't properly show the dot before each list item. I dug into the browser's code (inspect element'd it), and did the same with the example website's (https://next-learn-starter.vercel.app/posts/ssg-ssr). It seems the example website has a ::marker tag on each list item, and mine does not. The tutorial states the data retrieved from .md files is being converted with npm packages "remark" and "remark-html." Keeping that in mind, I believe there might be an issue with the conversion from markdown to HTML. However, I can't put my finger on the exact problem, nor how to solve it.
Answered by Pollock
Had imported Tailwind and for some reason that was affecting the styles of the li's.
View full answer

1 Reply

Avatar
PollockOP
Had imported Tailwind and for some reason that was affecting the styles of the li's.
Answer