зробити div не відповідати, але не впливати на parent div в фундаменті zurb - html, css, responsive-design, zurb-foundation

Я намагаюся, щоб мій div (віджет) не відповідав,однак я не хочу впливати на батьківський div, на якому він сидить, оскільки батьківський div (div з class = "medium-4 column") повинен бути чутливим.

    <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>

Мені потрібен віджет класу, щоб не реагувати. Чи є спосіб я можу зробити це так, не видаляючи клас "середовище-4 колонки"

Відповіді:

Якщо ви просто хочете, щоб ваше зображення не відповідало, я пропоную вам додати style="max-width:none;" подобається це :

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