Grid template area pagebuilder :nth-child gebruiken CSS

Logo cursus traing wordpress

Grid template area pagebuilder :nth-child gebruiken CSS

grid-template-areas
grid-template-areas

In plaats van in uw Kolominstellingen een Item toe te wijzen aan elke kolomgroep, kunt u wat tijd besparen door de nth-child() pseudo-class te gebruiken om namen toe te wijzen aan uw rastergebieden. U kunt de nth-child() gebruiken op de .fl-col-groep klasse.

Voorbeeld

[fl_row] .fl-col-group:nth-child(1) {grid-area:header;}
[fl_row] .fl-col-group:nth-child(2) {grid-area:content;}
[fl_row] .fl-col-group:nth-child(3) {grid-area:sidebar;}

Bron:
beaver-builder-css-grid-example/39/


Meer informatie over Grid template area pagebuilder :nth-child gebruiken CSSof info?

Wil je meer weten? Veel web-designers met interesse in Grid template area pagebuilder :nth-child gebruiken CSS bekeken ook de onderstaande veel gelezen handleidingen:


Scroll naar boven