This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…
CSS grid garden
41–50 of 138 posts
Re: CSS grid garden
#42Attempting to use grid-column-end: -1 works visually in the watering example, but won't let me move forward. EDIT: Oh, I see. -3 worked.
Re: CSS grid garden
#43Flex seems more flexible to me than CSS Grid.
It's not an either/or proposition.
I sometimes use both at the same time, depending on the project. Usually it's Grid for the big picture container layout stuff, and then Flexbox for laying out each individual portion.
I'll be happy when another 15% of my visitors upgrade to better browsers so I can use grid on my biggest project. Right now Flexbox fails with orphan elements, even when using margin: auto;, but this would be a perfect place to use Grid.
Re: CSS grid garden
#44I'm stuck at level 21. This didn't work: grid-template-columns: repeat (8, 12.5%); Am I doing something wrong or is it a bug?
Re: CSS grid garden
#45Earlier quoted context omitted.
"Walled garden" in what sense?
The walled garden I speak of is the implementation of add-ons cryptographically signed by Mozilla only. Unless you run one of the betas (w/bugs) you cannot use any add-on not approved by Mozilla. And lately they've even been removing/banning add-ons that aren't illegal but otherwise upset outside corporations (ie, the paywall bypasser that uses googlebot's http headers substituted in).
Re: CSS grid garden
#46This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…
Re: CSS grid garden
#47Re: CSS grid garden
#48column-end means really "end+1", why?
problem: when you go from left-to-right: column-start-3,column-end-5: means column #3 is included
when you go from right-to-left: column-start-3,column-end-1: means column #3 is NOT included
So if you read "column-start-3" you don't know if column#3 is included or not, it depends on column-end.
"column-start-3,column-end-5" should include column 3, 4 AND 5
This is from level 10:
>For example, grid-column: 2 / 4; will set the grid item to start on the 2nd vertical grid line and end on the 4th grid line.
What's the correct interpretation of "start on 2nd and end on the 4th"? shouldn't the 4th be included?
Re: CSS grid garden
#49This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…
Re: CSS grid garden
#50This makes me sad. Not because I don't like grid. But because two weeks ago I found out that a very senior person in the company has a computer running IE11, and will not let IT upgrade her machine. She recently discovered that one of the company's web sites doesn't look right in IE11, and shit ran downhill into my lap. I checked the logs, and yep... she's the only IE11 machine to hit any of the web sites in a year.…
Best case, they decide they pay you too much and you cause too much trouble, and let you go.
Worst case they make her upgrade her browser so they're not dumping mountains of money on her preferences and whims.
Either way, I'd be good with it if I were in that position.