• Samantha Ming Logo Samantha Ming
  • Tidbits
  • Blog
  • Courses
  • Contact
Samantha Ming Logo
  • Home
  • Tidbits
  • Blog
  • Courses
  • Contact

  • Flexbox30
  • Newsletter
  • About
  • Invite me to speak
  • Become a sponsor

# Day 6: Parent Properties

Now you know Flex operates in a Parent-Child relationship. So we have 2 entities involved to get this tango started. And each entity will have its own set of unique CSS properties that can be applied to them. That's why it's important that you know which element is the parent and which element(s) is the child. Let's get started with the parent properties 🤰

Code Snippet of Day 6: Parent Properties
Download HD Image
7. display
  • Share to Twitter Twitter
  • Share to Facebook Facebook
  • Share to LinkedIn LinkedIn
  • Share to Reddit Reddit
  • Share to Hacker News Hacker News
  • Email Email

More Courses

  • CodeTidbits30

    - 30 days of the best JS, CSS, HTML tidbits 🎄

  • Web Basics

    - Web Basics Explained with Tidbits 🍎

  • Pictorials

    - Step by Step Code Tutorials 👣


Flexbox30

Learn Flexbox with 30 Code Tidbits ✨

  • 1 Introduction
  • 2 Flex Container & Flex Items
  • 3 Immediate Child Only
  • 4 Flexbox Axes
  • 5 Flexbox Module
  • 6 Parent Properties
  • 7 display
  • 8 block vs inline
  • 9 flex-direction
  • 10 flex-wrap
  • 11 flex-flow
  • 12 justify-content [row]
  • 13 justify-content [column]
  • 14 space-around vs space-evenly
  • 15 align-items [row]
  • 16 baseline
  • 17 align-items [column]
  • 18 align-content
  • 19 Child Properties
  • 20 order
  • 21 flex-grow
  • 22 flex-grow calculation
  • 23 flex-shrink
  • 24 flex-shrink calculation
  • 25 flex-basis
  • 26 flex-basis vs widths
  • 27 flex
  • 28 align-self
  • 29 Flexbox Properties
  • 30 Flexbox Cheatsheet
  • 31 Bonus: Flexbox with Auto Margins

Top Tidbits

  • Code snippet on Quick Debug Wth Console Log Using Or Operator

    Quick Debug Wth Console Log Using Or Operator

  • Code snippet on padEnd String Method in JavaScript

    padEnd String Method in JavaScript

  • Code snippet on JS Essentials: Falsy Values

    JS Essentials: Falsy Values

  • Code snippet on Styling Placeholder Text with CSS

    Styling Placeholder Text with CSS

  • Code snippet on window.location Cheatsheet

    window.location Cheatsheet

  • hi
  • Home
  • Tidbits
  • Blog
  • Courses
  • Newsletter
  • About
  • Contact

  • What I use
  • Flexbox30
  • Pictorials
  • Web Basics
  • Invite me to speak
  • Become a sponsor
© Copyright 2025. Samantha Ming