JSFiddle - React, Tailwind, and code Playground

by Felype Rennan

HTML

<div class="item-noticia">
    <div class="foto">
        
    </div>
    <p class="descricao">
        Essa foto é da horinha cara.
    </p>
</div>

CSS

.foto {
    border: 3px solid #555;
    margin: 4px; 
    /**/
    display: inline-block;
    
    /* esses tamanhos são só pra exemplo */
    width: 80px;
    height: 80px;
}

.item-noticia:hover {
    color: #fa6;
}
.item-noticia > .descricao {
    margin: 8px;    
}
.item-noticia:hover > .foto {
    border-color: #fa6;
}