<div class="efl-row-container">
<div style="border: 2px dashed grey; height: 100px;">
<p>This content will be replaced when using the row container. This is for illustration purposes only</p>
</div>
<div style="border: 2px dashed grey; height: 100px;"></div>
<div style="border: 2px dashed grey; height: 100px;"></div>
</div>
No notes defined.
/* No context defined. */
.efl-row-container {
display: grid;
grid-template-columns: 1fr;
row-gap: 5.6rem;
margin: auto;
padding: 0 $spacing-m;
> div {
.cta {
margin: 0 auto;
}
}
@media screen and (min-width: $mq-large) {
max-width: 119.6rem;
padding: 0;
}
}
<div class="efl-row-container">
{{#> @partial-block}}
<div style="border: 2px dashed grey; height: 100px;">
<p>This content will be replaced when using the row container. This is for illustration purposes only</p>
</div>
<div style="border: 2px dashed grey; height: 100px;"></div>
<div style="border: 2px dashed grey; height: 100px;"></div>
{{/ @partial-block}}
</div>