As frustrating as it has been that it turned out not to be coming that fast after all, it is great to see your excellent tutorial again now that there is much better browser support.
Can we restrict the height of a perticular cell(eg. sidebar) with the total height of rows. (Let’s say: “cell1 cell2 sidebar” “Cell3 cell4 sidebar” “Cell5 cell6 sidebar” Here, - cell1/row1 has dynamic height - row 2,3 has fixed height of 600px. - if content in sidebar is more than the height of all 3 rows then row 1 takes more height than the actual content. How to restrict height of sidebar? )
As frustrating as it has been that it turned out not to be coming that fast after all, it is great to see your excellent tutorial again now that there is much better browser support.
Gotta love these tutorials,short and on point,maybe something for beginners will come out as well.
Big thumbs up for your efforts, was looking around something like this.
I have this exact dilemma on a project I'm working on now. A very big help.
Great tips on using subgids for better card layouts. Thanks for putting this together!
Grid is Great!!
All thats left now is to make swipeable-tab layout using pure css. The ability to detect swipe using css will be revolutionary...
Support is pretty poor right now (Firefox only) so let's hope it improves soon.
Would have helped to have shown the html that was backing this. I got a quick peak when you opened developer tools but was lost up until then.
"sub grid is coming quickly..." 2 years later and still waiting on other browsers to support it... 👀
Can we restrict the height of a perticular cell(eg. sidebar) with the total height of rows. (Let’s say:
“cell1 cell2 sidebar”
“Cell3 cell4 sidebar”
“Cell5 cell6 sidebar”
Here,
- cell1/row1 has dynamic height
- row 2,3 has fixed height of 600px.
- if content in sidebar is more than the height of all 3 rows then row 1 takes more height than the actual content.
How to restrict height of sidebar?
)
I need to watch this video multiple times to get it. It seems easy but it isn't ;). Thanks anyway for al the great tutorials.
Thank you for the great tutorial! But how to make it work in browsers without subgrid support? No luck :(
:( I wish I could actually use this
Another brick to build better websites!
👏👏👏😃
I love these tutorials from mozilla! Can i code this subgrid in css using sublime or vscode not just coding it on the browser?
Sure you can.
What you code into the browser, it is for test only...
3yrs later and subgrid is still not a thing in Chrome
Amazing!!
I'll rather pray to meet him 👆👆👆 in my next world because you really legit and trusted ...
Far too rushed but still good
I think you need to work with a professional UI designer because your layouts looks are terrible.
It's a demo dumbass.