Hey there, I'm diving back into coding through school and was given a fun task to create a 'fake' company website to test my programming skills. I've been using bootstrap, but I'm struggling with getting the columns in my row to have equal heights.
Here's what I have so far in terms of HTML & CSS:
.dienst-kaart{
padding:15px;
min-height:100%;
}
.dienst {
background:white;
padding:4%;
opacity:0.9;
box-shadow: 5px 10px 10px #e1e0e2;
}
<div class="row">
<div class="col-md-3 dienst-kaart">
<div class="dienst">
<img class="diensten-icon" src="http://flevonline.nl/wp-content/uploads/2018/10/Webdesign-Flevonline.png"
alt="Web-design-Icon" width="20%">
<h2>Web design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mauris auctor, volutpat dui sit amet,
faucibus leo.</p>
</div>
</div>
<div class="col-md-3 dienst-kaart">
<div class="dienst">
<img class="diensten-icon" src="http://flevonline.nl/wp-content/uploads/2018/10/Grafisch-Design-Flevonline.png"
alt="Web-design-Icon" width="20%">
<h2>Grafisch design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut mauris auctor, volutpat dui sit amet,
faucibus leo.</p>
</div>
</div>
<div class="col-md-3 dienst-kaart">
<div class="dienst">
<img class="diensten-icon" src="http://flevonline.nl/wp-content/uploads/2018/10/Online-Marketing-Flevonline.png"
alt="Web-design-Icon" width="20%">
<h2>Online marketing</h2>
<p>Praesent tempor nunc placerat feugiat commodo. Aliquam in velit et ipsum iaculis commodo eget in metus.
Integer cursus, turpis.</p>
</div>
</div>
<div class="col-md-3 dienst-kaart">
<div class="dienst">
<img class="diensten-icon" src="http://flevonline.nl/wp-content/uploads/2018/10/E-Commerce-Flevonline.png"
alt="Web-design-Icon" width="20%">
<h2>E-commerce</h2>
<p>Praesent tempor nunc placerat feugiat commodo. Aliquam in velit et ipsum iaculis commodo eget in metus.
Integer cursus, turpis.</p>
</div>
</div>
</div>
If you're familiar with the flexbox technique and can lend a hand, I would greatly appreciate it as I'm hitting a roadblock with it. Thanks in advance for any assistance!