<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
rel
=
"stylesheet"
href
=
<
title
>Equal Height Columns</
title
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
header
class
=
"text-center mt-5"
>
<
h1
class
=
"site-title text-success"
>
GeeksforGeeks
</
h1
>
<
p
class
=
"site-description"
>
Approach 1: Using Bootstrap and Flexbox
</
p
>
</
header
>
<
div
class="row equal-height-row
d-flex flex-wrap">
<
div
class="col-md-4 bg-warning
rounded p-4 d-flex
flex-column
justify-content-between">
<
div
>
<
h2
class
=
"column-title"
>
C++
</
h2
>
<
p
>
C++ is a widely used programming
language known for its versatility
and performance. It's commonly
used for system software,
game development, and more.
</
p
>
</
div
>
</
div
>
<
div
class="col-md-4 bg-success rounded
p-4 d-flex flex-column
justify-content-between">
<
div
>
<
h2
class
=
"column-title"
>
ReactJS
</
h2
>
<
p
>
ReactJS is a powerful JavaScript
library for building interactive
user interfaces. It's maintained
by Facebook and used by
countless developers worldwide.</
p
>
</
div
>
</
div
>
<
div
class="col-md-4 bg-info rounded
p-4 d-flex flex-column
justify-content-between">
<
div
>
<
h2
class
=
"column-title"
>
Python
</
h2
>
<
p
>
Python is a beginner-friendly and
versatile programming language. It's
widely used in web development, data
analysis, machine learning, and more.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>