The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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


Hey =)

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;
margin: 0;

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

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