How to make blue highlight as image size

enter image description here Just want to make margin from Wall__Posts__Post__Value to Wall__Posts__Post__Bar 0. But height of Wall__Posts__Post__Value just bigger than image JSX:

<div className={s.Wall__Posts__Post__Value}>                  <img src={props.value}/>              </div>              <div className={s.Wall__Posts__Post__Bar}>                  <div className={s.likes}><a>likes 25</a></div>                  <div className={s.shares}><a>shares 4</a></div>                  <div className={s.comments}><a>comments 11</a></div>              </div>  

module.css :

.Wall__Posts__Post__Value {    }  .Wall__Posts__Post__Value img {  display: inline-block;      max-width: 100%;      min-width: 100%;  }        .Wall__Posts__Post__Bar {      border: 1px solid rgb(220, 220, 220);      border-radius: 5px;      background-color: white;      text-align: center;      display: grid;      grid-template:              "likes comments shares"              ;  }   .Wall__Posts__Post__Bar div:hover {       background-color: rgb(240, 240, 240);  }  

https://stackoverflow.com/questions/65947431/how-to-make-blue-highlight-as-image-size January 29, 2021 at 09:06AM