Building responsive layouts - Designing in the Browser

On this episode of Designing in the Browser, we’re going to take a look at building responsive layouts with our host Una Kravets.

Links:

[sprintwithcarlos]

CSS Grid auto-fit plus mix-max is awesome. Thank you Una!

[YinonOved]

thanks for reminding how helpful grid layout can get

[chrisinater]

I haven't used flexbox, but I will now, that is awesome.

[TheNewton]

~13:08 for replacing name template areas with symbols there's also the ascii box drawing, and unicode block elements and other characters. ╔══╗╚══╝.
Though always remember to at least make a comment that shows the relation from a regularly named area to the convenience symbol or you, or others, will regret it.
┌─┬┐ ╔═╦╗ ╓─╥╖ ╒═╤╕
├─┼┤ ╠═╬╣ ╟─╫╢ ╞═╪╡
└─┴┘ ╚═╩╝ ╙─╨╜ ╘═╧╛
One case for this is too help remind designers the grid is based on the gridline cartesian positions not the inner contents order position
*edited to fix box-character formatting

[luisxd]

This was an excellent video! Everything was well explained! Thanks 😄

[alb]

Damn, time files, . I remember designing with TABLES in the late 90s. Could you imagine today creating a complex layout with td, tr, etc??? I am going to book mark this vid for the future. I do so much dev and should concentrate more on design. I definitely learned something from this, I can use this grid instead of tables for data!.

[luberalexanderechavarriabe]

that was so cool, thanks for sharing it

[johnsmith-oykx]

Awesome, make more videos, you are always welcome...

[TheNewton]

~13:08 aside from emojii's there's other characters like ascii mathematical symbol fractions(¼, ½, ¾) which can literally represent their portion. glitch

[yogeshkad]

Thankyou and please make a any website and app accessible for disabled person

[alb]

cool, i was just using these features today for a handheld tablet computer app. It had to scale, not be responsive. Chrome is amazing. I use bootstrap :lol:. No time to mess with design stuff. :lol:

[llihak]

thanks - loved this video, except for the background "music".

[bulp]

Grid doesn't work old IE browser

[rajashekhar]

Facing problems with autocomplete attribute

[amithshetty]

5:56 when i inspect on right sidebar i find media
( @media (min-width: 900px)

.aside-2 {
order: 3;
} )

[alexanderdenti]

I totally love you, and I follow with pleasure all of your videos but,
let me just tell you one thing that may u know better than me,
never use emojy on codes, yeah may it looks fun, but not professional.
So why give us that advice?

a JS developer and Google lover.