Originally posted by **Ivan-Chupin** August 23, 2022
I've noticed that Remark42 doesn't fit perfectly into the frame intended for it. Remark.css -> body{padding:6px} was to blame. I think this is wrong, because such indents should be carried out exclusively by the layout designer of the site.
@paskal Unfortunately, I have no experience with jsfiddle, and besides, it is not available in the country where I am located. Therefore, I will try to explain in words and pictures.
If I put a Remark42 in a <div></div> then I naturally expect the Remark42 elements to align to the edges of the div. But since Remark42 uses a 6 point padding from each side of the div, this breaks the layout design.
Left as it is now, right as it should be:
Why does Remark42 use body{padding: 6px}? Why is the padding not 2 or 10? The answer is absolutely obvious - because it is a crutch that masks the incorrect layout of Remark42.
Discussed in https://github.com/umputun/remark42/discussions/1465
I think it's a valid issue worth addressing.