Blogger: How to make width fit to the whole screen

I have noticed that my blog wasn't fitting to the screen width means I could not see the whole content horizontally on the screen and had to use the horizontal scrollbar. The right column wasn't visible without scrolling.

I have looked for a fix and found this one.

Edit the HTML of your template and replace this part just after the start of a <![CDATA[ blox:

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width); }

by this one:

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1000px; /*$(content.width)*/
max-width: 1280px; /*$(content.width)*/
_width: 80%; /*$(content.width)*/
}