[Solved] Why is the circle not round bootstrap and fontawesome?

by


Change service-icon class. Width must be 120px because you have padding of 20px. Old width was 80px, so 80-20-20 (padding left and right) = 40px

So width was 40px and height was 80px, with border-radius of 50% it was ellipse;

Right .service-icon:

.service-box .service-icon {
    width: 120px;
    height: auto;
    font-size: 70px;
    margin: 15px auto;
    padding: 25px 20px;
    text-align: center;
    display: block;
    text-align: center;
    border-radius: 50%;
    background: #ffd600;
    color: #fff;
    border: 4px solid #fff;
    box-shadow: 0px 0px 0px 3px #ffd600;
    box-shadow: 0px 0px 0px 3px #3fb1fc;
    background-color: #3fb1fc;
}

1

solved Why is the circle not round bootstrap and fontawesome?