How To Convert Figma Auto Layout to CSS Coding

Join our gaming channel:

Join our channel today and become a member:

Hire us for 1-1 tutoring:

Our courses on Udemy:

Get a special discount on our Udemy courses:

#figmatutorial #cssflexbox #csstutorial

0:00 intro
0:17 Figma hug vs fixed width and height
1:01 Figma padding vs CSS padding and margin
3:01 Figma button width vs front-end width
5:12 CSS display flex vs Figma auto layout
8:08 CSS justify-content property vs Figma auto layout
9:38 CSS align-items property vs Figma auto layout
10:55 Figma auto layout fill container vs CSS text wrap
12:13 CSS display inline-flex vs Figma auto layout hug property
14:02 Introduction to CSS padding and margin
15:44 CSS padding and margin shorthand

[BorojiDesign]

You can watch all the tutorial parts in this playlist:

[andrewsologor]

You could use `display: inline-block` instead of `inline-flex` to achieve the same.