Reply To: [Solved] Playing with CodePen, Weird Results.

[Kingslayer]

Hey =)

http://codepen.io/anon/pen/AwGhK

I created a codepen with everything in it.

When You inspect your code with Developer Tools you see what is happening.

The browser is adding:

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px

To the ul and to the figure element.

the lines below fix the specific problem

ul.items {
width: 100%;
display: table;
padding:0;
margin: 0;
}

ul.items li figure { margin:0; padding: 0 ;}

Or you use a css-reset to avoid these kind of problems.

http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/