Here is the HTML code from my custom page:
<div class="notes quotes-notification member-savings f-left">
<h2>My Notifications</h2>
<ul>
<li><b>I need to make some changes in the HTML, different from other pages you have worked on regarding your account.</li>
<li>An <a href="#">answer has been posted</a> to a question you submitted.</li>
<li>A shop responded to a <a href="#">review you posted</a>.</li>
</ul>
</div>
The quotes-notification and member-savings classes have distinct CSS styles as follows:
.member-savings {
width: 19%;
margin-right: 1.6%;
border: 2px solid #0c86c9;
}
.quotes-notification{
width: 32%;
}
Although I want the Notification block to be 32% wide, it currently takes up only 19% due to conflict with the specified width. Is there a way to ignore the 19% width without removing the member-savings class?