Is there a way to increase the height of my jumbotron without adding it in the class attribute, as it would affect responsiveness? I want it to look like this, but currently, it appears as this.
Below is my code: Html:
<div class="container">
<div class="row">
<div class="jumbotron">
<div class="col-md-10">
<h2 class="meeting_heading">MeetingResult is dedicated to ridding the world of ineffective, under-performing and outright wasteful business meetings.</h2>
</div>
<div class="col-ms-2">
<button type="button" class="btn btn-default btn-lg btn-custom">Learn More</button>
</div>
</div>
</div>
</div>
CSS:
.container
{
width:87%;
}
.jumbotron
{
box-shadow: inset 0px -8px 0 rgba(0, 0, 0, 0.1);
border-radius: 13px;
background-color: #FAFAFA;
min-height:300px;
}
.btn-custom
{
width: 152px;
background-color: #1abc9c;
border: none;
color:#ffffff;
font-size: 21.994px;
line-height: 22px;
padding: 15px 20px 16px;
position: relative;
top: 13px;
right: 4px;
}