Understanding Grid
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Mah, it goes wrong with the pseudoselector. It is a bit tricky, put a pseudoselector works on the element itself, not childs. What you are doing with is looking for a .container that IS the first child of something else.
what you need is
what you need is
Mso, the div that IS the first-child within a parent
GOhhh okay
GThanks a bunch!
GSo now, I just repeat with the rest of the div's? So the next one would look like:
GAnd so on...
Myes that is an option. but instead of defining the start and end, you could also just use
the start position is the first available spot, and it spans over that number
the start position is the first available spot, and it spans over that number
Mexample:
GAha, I see
GYes, that seems more efficient since it's much less code
Mand if you want it even more reduced, you could even use css variables
MGOh okay, great! Will attempt that
GThanks! @MarkBoots 
Mso here the span value is set inline as a variable, the div will get that value for the grid-column
Myou're welcome. Good luck
Grid is fun!
Grid is fun!
GThanks again! I agree!
G@MarkBoots I appreciate your help, I just got 1 more question. If I didn't want to have any inline styles and have everything in my CSS file instead, how would I manage that?
Mthen your option with nth-child(n) and span {number} should work
GI use SASS, so perhaps still use variables?
GAh okay, thanks!
Cinstead of nth-child i'd give my elements a class named after the amount of spans and then style those classes with the span custom prop from earlier
Cno inline styles that way but same flexibility
GThat's smart too, I'll try that out, thanks!
Myea, thats is an option too.
(but if then, why not use custom props. then you don't have to define those classes)
(but if then, why not use custom props. then you don't have to define those classes)
GI hope it's not a dumb q, but what's a custom prop?
Ccss variable
Ma css variable
GAh okay
Mhopefully soon we can use attributes to calculate with (they are working on it). that would make it really great. you could do something like
GThat's cool yeah
Csounds interesting
Mnow it reads attribute as a string. so its not possible. but we'll be able to define the type of the value (in this case a number)
Mohw, btw. you said scss
you can use this loop. it will generate classes to
you can use this loop. it will generate classes to
Cye, seems like the best solution, but i was too lazy to type all of that on my phone lol 