css grid: how does it decide the width of the columns/height of rows ?
why dont the columns/rows fit the content? If you dont set the column/row sizing, i thoght it would be auto to max-content...
ive watched a ton of videos on grid and most of them were demos where they set the columns to
In the example with the yellow bg, the last column is way wider than the content, and there is no width set on the parent with display grid. where is all that extra space coming from? How does it decide the width of that column?
In the example with the white bg, the columns are both much wider than the content but i only have
Im finally feeling very comfortable with flex-box and diving into grid and am so lost no matter how much i read/watch/consume about it.
Link to Yellow BG code https://codepen.io/Miss-Fox/pen/eYbajrY?editors=1100
Link to White BG code https://codepen.io/Miss-Fox/pen/qBLGyoq
ive watched a ton of videos on grid and most of them were demos where they set the columns to
repeat (3, 1fr)repeat (6, 1fr)In the example with the yellow bg, the last column is way wider than the content, and there is no width set on the parent with display grid. where is all that extra space coming from? How does it decide the width of that column?
In the example with the white bg, the columns are both much wider than the content but i only have
grid-template-areasgrid-template-columnIm finally feeling very comfortable with flex-box and diving into grid and am so lost no matter how much i read/watch/consume about it.
Link to Yellow BG code https://codepen.io/Miss-Fox/pen/eYbajrY?editors=1100
Link to White BG code https://codepen.io/Miss-Fox/pen/qBLGyoq
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
