<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
h2
style
=
"color:green;font-size:30px; text-align:center"
>
GeeksforGeeks
</
h2
><
br
>
<
div
class
=
"columns is-mobile is-multiline is-centered"
>
<
div
class
=
"column is-narrow"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-narrow</
code
><
br
><
br
/>
Column 1
</
p
>
</
div
>
<
div
class
=
"column is-narrow"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-narrow</
code
><
br
><
br
/>
Column 2
</
p
>
</
div
>
<
div
class
=
"column is-narrow"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-narrow</
code
><
br
><
br
/>
Column 3
</
p
>
</
div
>
<
div
class
=
"columns is-mobile is-centered"
>
<
div
class
=
"column is-half"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-half</
code
><
br
>
1-half
</
p
>
</
div
>
</
div
>
<
div
class
=
"columns is-mobile is-centered"
>
<
div
class
=
"column is-half"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-half</
code
><
br
>
2-half
</
p
>
</
div
>
</
div
>
<
div
class
=
"columns is-mobile is-centered"
>
<
div
class
=
"column is-half"
>
<
p
class
=
"bd-notification is-primary"
>
<
code
class
=
"html"
>is-half</
code
><
br
>
3-half
</
p
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>