How do I remove 1-pixel edge on right side of my page?

Question

I'm having a difficult time isolating a 1-pixel edge that appears on the right-hand side of my site. It happens at different window sizes on Chrome and Safari, and I can't seem to figure out what's causing it, or whether it's actually something completely unavoidable with my setup.

Website: www.husamelfaki.net

Thanks very much if you can help in advance, really appreciate it. Husam

EDIT: Removed sensitive password detail, now that the question's been answered. Thank you.

Answer 1

Your issue comes from every element on the right side like this one:

<div style="line-height: 0 !important; 
     font-size: 0px !important;
     position: absolute;
     left: 49.93055555555556%;
     top: 0px; opacity: 1;"
     class="thumb grid-item masonry-thumbs-item masonry-content_4qnsts4j5-item masonry-content_4qnsts4j5-item-1 remove-gutter-yes masonry-span6"
     data-thumb-src="http://www.husamelfaki.net/wp-content/uploads/2016/11/ntc5_thumb_2.jpg">

Its width is 50% but the element's left side isn't placed at 50%. Set the left to half the width with the CSS style rule left: 50%;.

And I suggest you to use flex-boxing which is perfect for this kind of pages.