gk-page responsive issue?

Hi
I have applied a border to gk-page

.gk-page {
margin: 0 auto;
width: 100%;
border: #272727;
border-style: solid;
border-width: 25px;
}

This seems to highlight an issue that without a border you would not see or notice. When you scale the screen under 1215 the right border is cut off. I have altered the theme width etc but the same thing happens but at a different screen width.

Any thoughts?

http://siteshackdevsites.info/ssrebuild/


Thanks
Danny

You need to define:

Code: Select all

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;


in css for this element, as in standard borders doesn't coun't to width and if you set elements width to 100% and in has borders - there will be 2px missing.

Many thanks