<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Bootstrap Example</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
href
=
rel
=
"stylesheet"
>
<
script
src
=
</
script
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
main
class
=
"container"
>
<
h1
class
=
"text-success text-center"
>
GeeksforGeeks
</
h1
>
<
h2
class
=
"text-center"
>
How to create Flex Box Container
with Scrollable Content in Bootstrap 5?
</
h2
>
<
div
class
=
"container-fluid"
>
<
div
class
=
"row"
>
<
div
class
=
"col-12 d-flex flex-column h-25"
>
<
div
class
=
"flex-grow-1 overflow-auto"
style
=
"height: 50vh; overflow-y: auto"
>
<
p
>
GeeksforGeeks offers the Freelance Technical
Content Writing opportunity for all those
individuals who have some good article writing
skills and at the same time are knowledgeable
enough to write about a particular topic or domain.
This will not only help you in
showcasing and enhancing your technical writing
skills to the world but will also reward you
with some good remuneration and other
worthwhile benefits.
</
p
>
<
p
>
GeeksforGeeks offers the Freelance Technical Content
Writing opportunity for all those
individuals who have some good article writing skills
and at the same time are knowledgeable
enough to write about a particular topic or domain.
This will not only help you in
showcasing and enhancing your technical writing skills
to the world but will also reward you
with some good remuneration and
other worthwhile benefits.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
src
=
</
script
>
</
main
>
</
body
>
</
html
>