<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
/>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
/>
<
link
rel
=
"stylesheet"
href
=
<
style
>
.o-container {
margin: 0 40px;
}
.o-grid {
border: 1px solid green;
}
.o-grid__cell {
border: 1px solid blue;
}
</
style
>
</
head
>
<
body
>
<
h1
style
=
"text-align:center; color:green;"
>
GeeksforGeeks
</
h1
>
<
h2
style
=
"text-align: center;"
>
Blaze UI Containers Offsets
</
h2
>
<
div
class
=
"o-grid o-container"
>
<
div
class
=
"o-grid__cell o-grid__cell--width-30"
>
<
div
class
=
"o-grid-text"
>
GeeksforGeeks is a portal for geeks.
It is a place where you can learn,
share and get help from other geeks.
Find various things on the portal
like Jobs, Hackathons, Programming
Competitions, Coding Questions, etc.
</
div
>
</
div
>
<
div
class="o-grid__cell o-grid__cell--width-30
o-grid__cell--offset-40">
<
div
class
=
"o-grid-text"
>
GeeksforGeeks is a portal for geeks.
It is a place where you can learn,
share and get help from other geeks.
Find various things on the portal
like Jobs, Hackathons, Programming
Competitions, Coding Questions, etc.
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>