ne divise pas le div mais n'affecte pas le div parent dans zurb Fondation - html, css, responsive-design, zurb-foundation

J'essaie de rendre mon div (widget) réactif,Cependant, je ne veux pas affecter le div parent sur lequel il est assis, car le div parent (le div avec class = "medium-4 columns") doit être réactif. Mon code:

    <div class="medium-4 columns sidebar">
<div class="widget">
<img src="/images/img/mail-icon.png">
<span class="mail-label">What is an e-bill?</span>
<p>
Some text is attached here
</p>
</div>
</div>

J'ai besoin que le widget de classe ne soit pas réactif. Est-il possible de le faire sans supprimer la classe "medium-4 columns"

Réponses:

Si vous voulez juste que votre image ne soit pas réactive, je vous suggère d'ajouter style="max-width:none;" comme ça :

<img src="/images/img/mail-icon.png" style="max-width:none;">