Inconsistent Markdown Rendering Between Local/Live Site Versions

I’m getting inconsistent markdown rendering between when my site is running locally, and when I’ve deployed it. Here’s a comparison same content locally (on the top) and deployed (on the bottom):

Very baffled as to what is causing this discrepancy!

Here’s the link to my site:

What is the link to the deployed site?

Here it is!

This is what I see in both Chrome and Firefox:

You know what I think this may be a Safari vs Chrome issue :sob:

It’s a CSS issue, not a Hugo issue.

1 Like

Possible issues:

  1. Browser cache (clear the cache first)
  2. CSS (try define the top and bottom margin on paragraph) like p { margin 16px 0} so every browser will consistent to make space between paragraph.

This is the CSS default browser value for paragraph element

<style>
/* Default CSS Values */
p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
</style>
1 Like

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.