HTML
<div class="col-xs-12"> <h1 style="text-align:center;color:black">Who are you?</h1> </div> <div class="col-xs-12"> <div class="col-xs-2"> </div> <div class="col-xs-3"> <a href="javascript:void(0)"> <div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;"> <div class="fa fa-laptop fa-4x" style="color:black;"></div> <h4 style="color:black">Veteran</h4> </div> </a> </div> <div class="col-xs-3"> <a href="javascript:void(0)"> <div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;"> <div class="fa fa-exclamation-triangle fa-4x" style="color:black;"></div> <h4 style="color:black">Lender</h4> </div> </a> </div> <div class="col-xs-3"> <a href="javascript:void(0)"> <div class="box_ReportANewIssue" style="color:#ffffff; text-align:center; padding:25px 10px;"> <div class="fa fa-question-circle fa-4x" style="color:black;"></div> <h4 style="color:black">Servicer</h4> </div> </a> </div> </div>
CSS
.box_ReportANewIssue{ border: 1px solid black; margin-top:25px; } @media only screen and (max-width: 769px) { .box_ReportANewIssue { width:48%; display:inline-block; margin-right:3%; height:145px; margin-top:3%; float:left; overflow:auto; position:relative; clear: both; z-index: 115; } h3 { font-size:16px; } }
Output
Service Portal Design with three blocks , widget working code ServiceNow
Working Code Asked question July 6, 2023