Another message speaking to user what's going on.
×
HTML
<div class="message message--another">
<div class="message__body">
Another message speaking to user what's going on.
<span class="message__close">×</span>
</div>
</div>
Different message speaking to user what's going on.
×
HTML
<div class="message message--different">
<div class="message__body">
Different message speaking to user what's going on.
<span class="message__close">×</span>
</div>
</div>
<div class="message message--main">
<div class="message__body">
Main message speaking to user what's going on.
<span class="message__close">×</span>
</div>
</div>