/css/ - CSS Masters

ever encountered a weird situation with flexboxes where they're not acting as expected? i recently stumbled upon an interesting edge case while working on a project, and it took me quite some time to figure out the solution. it turns out that when you have nested _flex containers_ within another one (i.e., grandchild is also inside a child flex container), they might ignore their parent's `align-items` property if not explicitly set for each level of nesting! here’s an example to illustrate: ```css /* parent flex container */ #parent { display:flex; align-items:center } /* this will be ignored by the nested child container*/.child1,.grandchild{display: flex} // set these explicitly for each level of nesting! ```