Background Color Showing Through As a Thin Border

Question

I have an issue where the black background color is showing through as a thin border in my HTML/CSS. The content is basically a div row with some

background-color: white;

divs inside. The black background color is set on

.lip.

I tried applying

border: none; outline: none;

but to no avail. I wasn't able to find a good answer online. Anyone know why this is happening? Here is the jsfiddle. https://jsfiddle.net/pcwudrmc/55901/

Answer 1

Remove that code

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

from

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%; 
}