forked from fdnd-task/layout-in-css
-
Notifications
You must be signed in to change notification settings - Fork 0
Home
BibekMA edited this page Oct 2, 2023
·
19 revisions
Dit zijn de basic layouts. Ik heb bij elke layout eigenlijke hetzelfde techniek gebruikt. Op het moment begrijp ik in CSS Grid de fr niet helemaal maar ik heb het op een andere manier gedaan en het werkt dus voorlopig blijf ik dit gebruiken...
Dit is bijvoorbeeld hoe ik het deed: h staat voor header, n voor nav bar, m voor main en f voor footer.
''' body CSS {
display: grid;
grid-template-areas:
" h h h h h h h "
" n m m m f f f "
" n m m m f f f "
;
}
''' display: grid;
background: green;
grid-area: h;
}
'''
