I read the documentation of mozilla but I could not understand very well what would be the grid track and the track listing, could someone explain in a simpler and intuitive way what would that be?
What is the track listing and grid track in the grid layout?
1
asked by anonymous 08.01.2018 / 18:07
1 answer
0
Grid Tracks
We define rows and columns in our grid with the properties grid-template-columns and grid-template-rows . This sets the grid tracks . A grid track is the space between two lines in a grid. In the image below you can see a track highlighter - the track in the first row of our grid.
Gridtrackisagenerictermfora
gridcolumnorgridrow
none|<track-list>|<auto-track-list>Thesepropertiesspecify,asatrack-listseparatedbyspace,therownamesandGridsizingfunctions.Thegrid-template-columnspropertyspecifiesthelistoftracksfortheColumns,whilethegrid-template-rowsspecifiesthetrack-listforRows.
Large,multi-trackgridscanuserepeat()notationtorepeatalloronesectionoftracklisting.Forexamplethefollowinggriddefinition:
.wrapper{display:grid;grid-template-columns:1fr1fr1fr;}OfficialW3Cdocumentation: link
p>Source: link
08.01.2018 / 18:19