Horizontal balancing black box which is divided 3 boxes

HTML & CSS
5

Hi there joon1,

try changing this…

#flex3 {
    display:flex;
    text-align:center;
    vertical-align:middle;
}  

#flex3 > a {
    flex:1 0 33%;  
    width:33%;
    height:50px;
    padding:5px; 
}

…to this…

#flex3 {
    display: flex;
} 

#flex3 > a {
    flex: 1 0 33%;
    padding: 1em 0.5em; /* adjust values to suit */
    box-sizing: border-box;
}

coothead

2 Likes