0

I am struggling an issue in Google Pixel and Samsung S8 with a border like thing around the div. We have to run that with Google Pixel or samsung S8 to see the issue. Attacing an image for better understandingenter image description here

Js fiddle for code https://jsfiddle.net/s23xdks7/4/

.parent{
  width: 100%;
  background-color: red;
  height: 50px;
  line-height: 0;
}
.child__01{
  outline: none;
  background-color: white;
  height: 50px;
  width: 33.3%;
  float: left;
}
<div class="parent">
  <div class="child__01">

  </div>
  <div class="child__01">

  </div>
  <div class="child__01">

  </div>
</div>
Shafeeque
  • 555
  • 1
  • 7
  • 24
  • 1
    i think that is not a border. you gave a red background color for that parent div.if that background color is not relevant there just remove that css. – Rajath Kumar PM Mar 12 '18 at 09:33
  • This is just an example, I have background image for the parent and PNG images inside the child div. so it's showing a border/outline/space like in the example. can anybody help on this? – Shafeeque Mar 12 '18 at 11:15
  • `33.3%`: did you try with more significant digits like `33.333%` or better let browsers do the calculation: `calc(100% / 3)`? 3 significant digits with a 1,440 px wide device may lead to rounding problems, maybe – FelipeAls Mar 12 '18 at 13:13
  • @FelipeAls I had tried that already – Shafeeque Mar 12 '18 at 13:24

0 Answers0