My pen --> https://codepen.io/Mike-was-here123/pen/rQXpGd
If you go to CSS line 98 (HTML- 29 by Results
) you can see I have .output_item
with flexbox properties to align items to the vertical center of the div:
.output_item{
display: flex;
align-items: center;
}
Yet on the HTML, my items are not aligned vertically to the center (the paragraph elements are the children- bordered in red).
Why won’t it align to the center? How can I fix this?