![]() Simple, informative and straight to the point. Apparently, you can get through them in a few minutes : These flexbox tidbits by are a great way to learn CSS flexbox. And before you face palm □♀️, thinking it will be a long read. If this is confusing to you, please do check out my free course. But when you have multiple elements, then you will notice some different effects. My examples have been a single element, so it doesn't matter. ![]() Where justify-content and align-items are parent properties - so it will affect all enclosing children. ![]() That's because margin is used to control a specific child element. You might have noticed, I applied margin to the child element. To learn more about how margin works with Flexbox, you can read the lesson from my free Flexbox30 course, Flexbox: Aligning with Auto Margins # Margin vs Flex Parent Properties
0 Comments
Leave a Reply. |