css - Flexbox & bootstrap on mobile - trouble with align items: center -


here bootply: https://www.bootply.com/kmfyqocclf there black border-top 1px solid in 2 rows, problem divs not same height don't create "one line". how can make divs border same height , centered middle same time? tried flexbox, went wrong. works if:

.line {   align-items: inherit; } 

but in case, content of divs not in middle.

thanks helping me out karolina

finaly, found myself:

.line {     align-items: inherit; }  .line > div {     display: flex;     align-items: center;     justify-content: center; } 

Comments

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -