#FutureCSS

[@DesignCourse]

Enjoy it during this lovely (/s) lockdown? Subscribe up for more!

[@LabhamJain]

Lovely Vid!!!!

[@LilyLikesTech]

This would fix so many problems I have with nesting grids.

[@julianmoors7586]

It's good to see some future developments for CSS

[@nelsonking]

I was so excited for this when I watched Racheal Andrew's talk at CSSconf EU last year. I seriously thought the browser support would be much better by now but gosh darn it, it's not.

[@Dembesde2]

The new endings with James Bond kind of music are top class!

[@techtipsuk]

Didn’t really fully understand this if I’m being honest and I’ve been using grid for a while.

[@begaal9840]

12:50 We all do know that pain ....

[@RANKKY9]

I hope this will be implemented in all browsers. I really need that!

[@518freakshow4]

I like when something doesn't work and you trouble shoot on the spot, because that is totally going to happen. Keeps it real. I wouldn't even have looked at repeat auto for that.

[@jd_flick]

waiting patiently for this to be added to Chrome simply so it flows over to electron. Excellent info!

[@kaustubh_20]

I want that T-shirt! 😍😍😍

[@dreadnought5077]

I was tryin to figured out how to build broken grid layout while watching this vid. But instead of broken grid, i figured out something broke in your house dude XD 5:28

[@conqr1113]

Wow.. I know I am posting here for the first time but damn I am so glad I found you. This is really helpful and will definitely use it in my next video. I am just starting out with all the logo design tips and tricks I learnt myself. Hopefully the community will learn from it too :)

[@akanksha12345671]

I know right? I follow him a lot and has gained so much in my college assignments :)

[@conqr1113]

@@akanksha12345671 hahaha damn right, I dont I am going to forget the Gary Simon name now. Lol.

[@_robynhood_]

Awesome video. Liked how you didn't edit out the mistakes 😂

[@Mackin7777]

Lol that outro made me smile, very spy master-esque.

[@crocodilecrox3758]

Why use a single row and a subgrid while you could use 2 rows with 12 columns and have elements occupy the desired space to align them correctly?

[@jud4yah]

I love your keyboard and contents.

[@ihajo]

Amazing we are learning stuff for the future :-)

[@chinmay7140]

where can i get that image u used ?

[@codecrafter7199]

Always want know subgrid. Thank you

[@user-og9nl5mt1b]

Me 2019- i should learn css Me - nah wait for a good update which makes things easier . Me 2020- ok there u go now start learning Me- no wait some more 😂

[@matijatoskic6491]

what

[@devdin8157]

Great vid, as usual.

[@djsid75]

Awesome!! Love it🔥

[@sagnikpradhan3594]

Very Interesting

[@NirmalKumar-sz7px]

Hey Gary, do you have any courses in LinkedIn Learning?

[@CoolScratcher]

Yes!

[@jericmoreno4552]

5:33... that I don't care I'm still recording in here moment HAHAHAHAH

[@marcodev3375]

Why subgrid cannot create implicit columns/rows like parent grid?

[@BrianHaferkamp]

You can use this today and users who are on Firefox will get it. Just make your grids as usual and then below that add in a feature support like this: @supports(grid-template-columns: subgrid) { [put your code with subgrid here] }. If a browser supports the property it will run this code, otherwise it will skip it. As browsers adopt subgrid, more will read the code and use it. This is how we first started using and adopting CSS Grid. The more we use this the better and faster browsers will get with adopting it. And you'll be ahead of the curve! See MDN's article on feature supports: developer.mozilla.org/en-US/docs/Web/CSS/@supports Remember: Your feature query (@supports) must go *below* your normal/default code. You should use this with any forward-thinking properties that might break the layout or design.

[@XCanG]

You're quite wrong. We can use it already if we put it in @supports section, and also adding fallback to all other cases. So when it come to all major browsers, it will be automatically used.

[@talkdatrue]

You can do that easily without subgrids nor mathematics using a descriptive HTML rather than semantic css With a css framework called: Skelet by Selekkt.

[@talkdatrue]

Google it

[@juanrias1039]

Good morning, I have a question, can you use pseudo elements like :: before and :: after in react native?

[@StefanMetze]

Thanks for this great tutorial. Safari either doesn't support subgrids.

[@SAAARC]

Yo... I was checking out can I use for sub grids just earlier today... Da heck

[@joesantos9563]

Interesting...

[@mathiasonu4936]

Hey Gary! How do I get freelancing in web dev in 2020 at 16 yrs young :)) ?

[@supigagliardi2118]

start learning

[@AtheistReligionIsCancer]

Start with friends and family. There will always be one who needs a deisgn. In the beginning, just do it for free. Also, for the marketing, which you will need, you simply join several forums and help out there and use your homepage link in the footer of your comments, make sure it is in the footer, not spammy. You then use the home pages for your friends and family as reference on your home page.

[@sukhsingh7057]

Looks good, but wouldn't it be easier doing the sub layout in flex

[@sukhsingh7057]

For support.. to get the same pixel perfect sizing and won't have to do any crazy maths

[@R_Samnan]

Nice

[@maskman4821]

I just found out that webflow allows frontend developers visually build the page without writing a single line of code; unlike figma / adobxd / sketch plugins converts each and every single ui element with css absoluted postion, which generate way too much unnecessary and massive codes. Be best part is the exported codes webflow generates are clean and small, like 1/10 the size of anima / fireblade / web export produce. I have followed along the webflow crash course on Mr. Gary Simon's channel and I just realized webflow is what I need. Actually there are tons of developers / programmer / engineers, especailly backend team have already use webflow to produce stunning, stylish user interface without spending time codeing the design. Webflow is pretty awesome, I think I will seriously learn and use it to produce pages. I haven't tried elementor yet, if it has export code feature and the codes generated are like webflow does, I might even try to use it !!!

[@Sp00mster]

And people always judge me for using firefox

[@coolwhip2291]

Just use rows

[@GraphiTivity]

Meet and ball after 12 mins..