Pink box spreading enough having breaks in text in yellow box

HTML & CSS
11

Hi there joon1,

this example is basically the same as Paul’s
but has the content vertically centered. :sunglasses:

[code]

untitled document #wrap { display:flex; align-items:stretch; flex-wrap:nowrap; } #wrap div { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px; border:1px solid #666; border-radius:5px; } #wrap div:nth-child(1) { background-color:#ff0; } #wrap div:nth-child(2) { flex:2; margin:0 0.5%; background-color:#ffc0cb; } #wrap div:nth-child(3) { background-color:#adff2f; }
Text in yellow box.
Text in yellow box.
center
Text in greenYellow box.
[/code]

coothead

1 Like