Helo guys, im getting a weird white space on a border box. I have already try apply the next examples:

```css
.blogPost1 {
  grid-column: 1/3;
  display: flex;
  flex-flow: column;
  border-radius: 0.4em;
  border: 1px solid #595959;
}

img {
  display: block;
  padding: 0%;
  margin: 0%;
  width: 100%;
}
```

```html
<div class="blogPost1">
  <img src="https://via.placeholder.com/150.jpg" alt="">
  <h1>Lorem consetetur sadipscing elitr.</h1>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et</p>
</div>
```

Result:

[![enter image description here](https://i.stack.imgur.com/JzjUD.png)](https://i.stack.imgur.com/JzjUD.png)