A beautifully designed WordPress blog theme displaying large typography and customizable color palettes. With its clean and modern design, Blogorama offers a unique and engaging way to showcase your blog content.

.fe-66454792f31a8846fc089b07 {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(11,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-66454792f31a8846fc089b07 {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-66454792f31a8846fc089b07 {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(15,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-0f920d8793047ee82a6a {
grid-area: 1/2/4/6;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-0f920d8793047ee82a6a .sqs-block {
justify-content: flex-start;
}

.fe-block-0f920d8793047ee82a6a .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-0f920d8793047ee82a6a {
grid-area: 1/2/4/12;
z-index: 2;

}

.fe-block-0f920d8793047ee82a6a .sqs-block {
justify-content: flex-start;
}

.fe-block-0f920d8793047ee82a6a .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-5a7900fcbb67b5fec2c9 {
grid-area: 1/6/4/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-5a7900fcbb67b5fec2c9 .sqs-block {
justify-content: flex-start;
}

.fe-block-5a7900fcbb67b5fec2c9 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-5a7900fcbb67b5fec2c9 {
grid-area: 1/16/4/26;
z-index: 3;

}

.fe-block-5a7900fcbb67b5fec2c9 .sqs-block {
justify-content: flex-start;
}

.fe-block-5a7900fcbb67b5fec2c9 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-0c18559833a263e180dc {
grid-area: 6/2/8/10;
z-index: 0;

@media (max-width: 767px) {

}
}

.fe-block-0c18559833a263e180dc .sqs-block {
justify-content: flex-start;
}

.fe-block-0c18559833a263e180dc .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-0c18559833a263e180dc {
grid-area: 8/2/14/26;
z-index: 0;

}

.fe-block-0c18559833a263e180dc .sqs-block {
justify-content: flex-start;
}

.fe-block-0c18559833a263e180dc .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-61ecdf3d8d0accc0b4cc {
grid-area: 8/2/10/10;
z-index: 4;

@media (max-width: 767px) {

}
}

.fe-block-61ecdf3d8d0accc0b4cc .sqs-block {
justify-content: flex-start;
}

.fe-block-61ecdf3d8d0accc0b4cc .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-61ecdf3d8d0accc0b4cc {
grid-area: 14/9/16/19;
z-index: 4;

}

.fe-block-61ecdf3d8d0accc0b4cc .sqs-block {
justify-content: flex-start;
}

.fe-block-61ecdf3d8d0accc0b4cc .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

Client:
Name

Timeline:
MM/YYYY – MM/YYYY

Superbuns

Link to Project Website

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″] {
padding-bottom: var(–divider-height);
z-index: var(–z-index);
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″] .background-pause-button {
bottom: calc(14px + var(–divider-height));
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″] .section-divider-svg-clip {
display: block;
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″] .section-divider-block {
height: var(–divider-height);
}

.has-section-divider[data-section-id=”66454792f31a8846fc089b08″] {
padding-bottom: 6vw;
}
.has-section-divider[data-section-id=”66454792f31a8846fc089b08″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + 6vw);
}

.fe-664547c277c66933601a5ae8 {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(16,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 4.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-664547c277c66933601a5ae8 {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-664547c277c66933601a5ae8 {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(18,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-98b46f22f8faaf26879c {
grid-area: 1/2/9/10;
z-index: 0;

@media (max-width: 767px) {

}
}

.fe-block-98b46f22f8faaf26879c .sqs-block {
justify-content: center;
}

.fe-block-98b46f22f8faaf26879c .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-98b46f22f8faaf26879c {
grid-area: 6/2/18/16;
z-index: 0;

}

.fe-block-98b46f22f8faaf26879c .sqs-block {
justify-content: center;
}

.fe-block-98b46f22f8faaf26879c .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-bbb37e99d42d2c7dfa00 {
grid-area: 10/2/12/10;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-bbb37e99d42d2c7dfa00 .sqs-block {
justify-content: flex-start;
}

.fe-block-bbb37e99d42d2c7dfa00 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-bbb37e99d42d2c7dfa00 {
grid-area: 5/17/8/24;
z-index: 2;

}

.fe-block-bbb37e99d42d2c7dfa00 .sqs-block {
justify-content: flex-start;
}

.fe-block-bbb37e99d42d2c7dfa00 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-2575fa9c93e29d25fd09 {
grid-area: 12/2/17/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-2575fa9c93e29d25fd09 .sqs-block {
justify-content: flex-start;
}

.fe-block-2575fa9c93e29d25fd09 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-2575fa9c93e29d25fd09 {
grid-area: 8/17/18/24;
z-index: 3;

}

.fe-block-2575fa9c93e29d25fd09 .sqs-block {
justify-content: flex-start;
}

.fe-block-2575fa9c93e29d25fd09 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-98b46f22f8faaf26879c .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

Synopsis

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″] {
padding-bottom: var(–divider-height);
z-index: var(–z-index);
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″] .background-pause-button {
bottom: calc(14px + var(–divider-height));
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″] .section-divider-svg-clip {
display: block;
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″] .section-divider-block {
height: var(–divider-height);
}

.has-section-divider[data-section-id=”664547c277c66933601a5ae9″] {
padding-bottom: 5vw;
}
.has-section-divider[data-section-id=”664547c277c66933601a5ae9″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + 5vw);
}

.fe-664547e4a9ff78456ba5fad4 {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(34,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 4.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-664547e4a9ff78456ba5fad4 {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-664547e4a9ff78456ba5fad4 {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(25,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-be45fac140c27ce60639 {
grid-area: 1/2/7/7;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-be45fac140c27ce60639 .sqs-block {
justify-content: center;
}

.fe-block-be45fac140c27ce60639 .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-be45fac140c27ce60639 {
grid-area: 1/1/12/8;
z-index: 6;

}

.fe-block-be45fac140c27ce60639 .sqs-block {
justify-content: center;
}

.fe-block-be45fac140c27ce60639 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-2ca086c66460196a5770 {
grid-area: 1/6/7/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-2ca086c66460196a5770 .sqs-block {
justify-content: center;
}

.fe-block-2ca086c66460196a5770 .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-2ca086c66460196a5770 {
grid-area: 10/22/17/26;
z-index: 5;

}

.fe-block-2ca086c66460196a5770 .sqs-block {
justify-content: center;
}

.fe-block-2ca086c66460196a5770 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-b6e80caa69a4e071ec0c {
grid-area: 8/2/10/10;
z-index: 4;

@media (max-width: 767px) {

}
}

.fe-block-b6e80caa69a4e071ec0c .sqs-block {
justify-content: flex-start;
}

.fe-block-b6e80caa69a4e071ec0c .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-b6e80caa69a4e071ec0c {
grid-area: 5/9/8/19;
z-index: 5;

}

.fe-block-b6e80caa69a4e071ec0c .sqs-block {
justify-content: flex-start;
}

.fe-block-b6e80caa69a4e071ec0c .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-dd445c662b6b913c6f41 {
grid-area: 10/2/24/10;
z-index: 5;

@media (max-width: 767px) {

}
}

.fe-block-dd445c662b6b913c6f41 .sqs-block {
justify-content: flex-start;
}

.fe-block-dd445c662b6b913c6f41 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-dd445c662b6b913c6f41 {
grid-area: 9/9/20/19;
z-index: 7;

}

.fe-block-dd445c662b6b913c6f41 .sqs-block {
justify-content: flex-start;
}

.fe-block-dd445c662b6b913c6f41 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-0dc92e8707f9f402a20d {
grid-area: 25/2/35/10;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-0dc92e8707f9f402a20d .sqs-block {
justify-content: center;
}

.fe-block-0dc92e8707f9f402a20d .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-0dc92e8707f9f402a20d {
grid-area: 13/20/25/27;
z-index: 4;

}

.fe-block-0dc92e8707f9f402a20d .sqs-block {
justify-content: center;
}

.fe-block-0dc92e8707f9f402a20d .sqs-block-alignment-wrapper {
align-items: center;
}
}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-be45fac140c27ce60639 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-2ca086c66460196a5770 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

Overview

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-0dc92e8707f9f402a20d .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.fe-6645481b6091920f3b4cb241 {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(22,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 4.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-6645481b6091920f3b4cb241 {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-6645481b6091920f3b4cb241 {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(24,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-0d2fad30d55c29c1b95d {
grid-area: 1/2/4/10;
z-index: 1;

@media (max-width: 767px) {

}
}

.fe-block-0d2fad30d55c29c1b95d .sqs-block {
justify-content: flex-start;
}

.fe-block-0d2fad30d55c29c1b95d .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-0d2fad30d55c29c1b95d {
grid-area: 4/2/8/10;
z-index: 1;

}

.fe-block-0d2fad30d55c29c1b95d .sqs-block {
justify-content: flex-start;
}

.fe-block-0d2fad30d55c29c1b95d .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-e271f11596e2ed16ab13 {
grid-area: 4/2/11/10;
z-index: 0;

@media (max-width: 767px) {

}
}

.fe-block-e271f11596e2ed16ab13 .sqs-block {
justify-content: center;
}

.fe-block-e271f11596e2ed16ab13 .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-e271f11596e2ed16ab13 {
grid-area: 1/8/25/26;
z-index: 0;

}

.fe-block-e271f11596e2ed16ab13 .sqs-block {
justify-content: center;
}

.fe-block-e271f11596e2ed16ab13 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-c95776fa44dfbd6fc53a {
grid-area: 11/2/23/10;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-c95776fa44dfbd6fc53a .sqs-block {
justify-content: flex-start;
}

.fe-block-c95776fa44dfbd6fc53a .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-c95776fa44dfbd6fc53a {
grid-area: 7/2/20/10;
z-index: 2;

}

.fe-block-c95776fa44dfbd6fc53a .sqs-block {
justify-content: flex-start;
}

.fe-block-c95776fa44dfbd6fc53a .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

Process

#block-0d2fad30d55c29c1b95d {
box-sizing: border-box;
height: 100%;
padding: 3% 3% 3% 3%;
border-radius: 0px 0px 0px 0px;

}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-e271f11596e2ed16ab13 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

#block-c95776fa44dfbd6fc53a {
box-sizing: border-box;
height: 100%;
padding: 6% 6% 6% 6%;
border-radius: 0px 0px 0px 0px;

–tweak-text-block-background-color:

hsla(var(–accent-hsl), 1)

;

}

.fe-664548389b7fef240aced89d {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(17,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-664548389b7fef240aced89d {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-664548389b7fef240aced89d {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(35,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-9f52f54c1d58d3f3cf02 {
grid-area: 5/1/18/11;
z-index: 0;

@media (max-width: 767px) {

}
}

.fe-block-9f52f54c1d58d3f3cf02 .sqs-block {
justify-content: center;
}

.fe-block-9f52f54c1d58d3f3cf02 .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-9f52f54c1d58d3f3cf02 {
grid-area: 1/2/25/26;
z-index: 0;

}

.fe-block-9f52f54c1d58d3f3cf02 .sqs-block {
justify-content: center;
}

.fe-block-9f52f54c1d58d3f3cf02 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-d8b1fc6ef742f9870c2f {
grid-area: 3/2/7/10;
z-index: 4;

@media (max-width: 767px) {

}
}

.fe-block-d8b1fc6ef742f9870c2f .sqs-block {
justify-content: center;
}

.fe-block-d8b1fc6ef742f9870c2f .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-d8b1fc6ef742f9870c2f {
grid-area: 28/15/34/23;
z-index: 4;

}

.fe-block-d8b1fc6ef742f9870c2f .sqs-block {
justify-content: center;
}

.fe-block-d8b1fc6ef742f9870c2f .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-afb737bd4799effbb6bb {
grid-area: 13/2/17/6;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-afb737bd4799effbb6bb .sqs-block {
justify-content: center;
}

.fe-block-afb737bd4799effbb6bb .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-afb737bd4799effbb6bb {
grid-area: 26/7/35/17;
z-index: 2;

}

.fe-block-afb737bd4799effbb6bb .sqs-block {
justify-content: center;
}

.fe-block-afb737bd4799effbb6bb .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-0a45ad0b055de9e418cf {
grid-area: 13/6/17/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-0a45ad0b055de9e418cf .sqs-block {
justify-content: center;
}

.fe-block-0a45ad0b055de9e418cf .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-0a45ad0b055de9e418cf {
grid-area: 2/20/8/26;
z-index: 3;

}

.fe-block-0a45ad0b055de9e418cf .sqs-block {
justify-content: center;
}

.fe-block-0a45ad0b055de9e418cf .sqs-block-alignment-wrapper {
align-items: center;
}
}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-9f52f54c1d58d3f3cf02 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-d8b1fc6ef742f9870c2f .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-afb737bd4799effbb6bb .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}

.fe-block-0a45ad0b055de9e418cf .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;

opacity: 0;

}

.fe-664548a01c5edb56f7378648 {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(22,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 4.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-664548a01c5edb56f7378648 {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-664548a01c5edb56f7378648 {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(14,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-c67f5f80c95848c02dc3 {
grid-area: 3/2/15/10;
z-index: 0;

@media (max-width: 767px) {

}
}

.fe-block-c67f5f80c95848c02dc3 .sqs-block {
justify-content: flex-start;
}

.fe-block-c67f5f80c95848c02dc3 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-c67f5f80c95848c02dc3 {
grid-area: 3/2/11/13;
z-index: 0;

}

.fe-block-c67f5f80c95848c02dc3 .sqs-block {
justify-content: center;
}

.fe-block-c67f5f80c95848c02dc3 .sqs-block-alignment-wrapper {
align-items: center;
}
}

.fe-block-f6f16d7aff461feee3db {
grid-area: 15/2/23/10;
z-index: 1;

@media (max-width: 767px) {

}
}

.fe-block-f6f16d7aff461feee3db .sqs-block {
justify-content: flex-start;
}

.fe-block-f6f16d7aff461feee3db .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-f6f16d7aff461feee3db {
grid-area: 3/14/15/26;
z-index: 1;

}

.fe-block-f6f16d7aff461feee3db .sqs-block {
justify-content: flex-start;
}

.fe-block-f6f16d7aff461feee3db .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

Outcomes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

https://www.youtube.com/embed/zXsD7ec0qwI?feature=oembed","url":"https://www.youtube.com/watch?v=zXsD7ec0qwI","width":200,"height":113,"providerName":"YouTube","thumbnailUrl":"https://i.ytimg.com/vi/zXsD7ec0qwI/hqdefault.jpg","resolvedBy":"youtube"}” data-block-type=”32″ id=”block-f6f16d7aff461feee3db”>

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″] {
padding-bottom: var(–divider-height);
z-index: var(–z-index);
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″] .background-pause-button {
bottom: calc(14px + var(–divider-height));
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″] .section-divider-svg-clip {
display: block;
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
bottom: calc(var(–sqs-site-gutter) + var(–divider-height));
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″] .section-divider-block {
height: var(–divider-height);
}

.has-section-divider[data-section-id=”664548a01c5edb56f7378649″] {
padding-bottom: 6vw;
}
.has-section-divider[data-section-id=”664548a01c5edb56f7378649″].background-width–inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
padding-bottom: calc(var(–sqs-site-gutter) + 6vw);
}

.fe-664548b9f31a8846fc08da9a {
–grid-gutter: calc(var(–sqs-mobile-site-gutter, 6vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (8 – 1)) ) / 8 );

display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(11,minmax(24px, auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(8, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}

@media (min-width: 768px) {
.background-width–inset .fe-664548b9f31a8846fc08da9a {
–inset-padding: calc(var(–sqs-site-gutter) * 2);
}

.fe-664548b9f31a8846fc08da9a {
–grid-gutter: calc(var(–sqs-site-gutter, 4vw) – 11.0px);
–cell-max-width: calc( ( var(–sqs-site-max-width, 1500px) – (11.0px * (24 – 1)) ) / 24 );
–inset-padding: 0vw;

–row-height-scaling-factor: 0.0215;
–container-width: min(var(–sqs-site-max-width, 1500px), calc(100vw – var(–sqs-site-gutter, 4vw) * 2 – var(–inset-padding) ));

grid-template-rows: repeat(8,minmax(calc(var(–container-width) * var(–row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(–grid-gutter), 1fr)
repeat(24, minmax(0, var(–cell-max-width)))
minmax(var(–grid-gutter), 1fr);
}
}

.fe-block-80f6aebd1c489fa73bf3 {
grid-area: 1/2/6/10;
z-index: 1;

@media (max-width: 767px) {

}
}

.fe-block-80f6aebd1c489fa73bf3 .sqs-block {
justify-content: flex-start;
}

.fe-block-80f6aebd1c489fa73bf3 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-80f6aebd1c489fa73bf3 {
grid-area: 1/7/4/21;
z-index: 1;

}

.fe-block-80f6aebd1c489fa73bf3 .sqs-block {
justify-content: flex-start;
}

.fe-block-80f6aebd1c489fa73bf3 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-e21b5965e6819a260eb6 {
grid-area: 5/2/8/10;
z-index: 2;

@media (max-width: 767px) {

}
}

.fe-block-e21b5965e6819a260eb6 .sqs-block {
justify-content: flex-start;
}

.fe-block-e21b5965e6819a260eb6 .sqs-block-alignment-wrapper {
align-items: flex-start;
}

@media (min-width: 768px) {
.fe-block-e21b5965e6819a260eb6 {
grid-area: 4/9/7/19;
z-index: 2;

}

.fe-block-e21b5965e6819a260eb6 .sqs-block {
justify-content: flex-start;
}

.fe-block-e21b5965e6819a260eb6 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}

.fe-block-1997e086af8fd8cccb8b {
grid-area: 8/2/10/10;
z-index: 3;

@media (max-width: 767px) {

}
}

.fe-block-1997e086af8fd8cccb8b .sqs-block {
justify-content: center;
}

.fe-block-1997e086af8fd8cccb8b .sqs-block-alignment-wrapper {
align-items: center;
}

@media (min-width: 768px) {
.fe-block-1997e086af8fd8cccb8b {
grid-area: 7/11/9/17;
z-index: 3;

}

.fe-block-1997e086af8fd8cccb8b .sqs-block {
justify-content: center;
}

.fe-block-1997e086af8fd8cccb8b .sqs-block-alignment-wrapper {
align-items: center;
}
}

make your next show educational & entertaining

You can ensure your learning topics are accurate, age-appropriate, & resonate with a diverse audience.