* {
box-sizing:border-box;
}
.services {
display: flex;
}
.service-item {
position: relative;
width: 95%; /* Ширина первого слоя */
height: 400px;
padding: 15px; /* Поля вокруг текста */
background: #fff; /* Цвет фона */
margin: 5px auto 15px;
border:1px solid #FF6600;
}
.service-item::before {
content:"\f005";
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: orange;
border-radius: 0 0 50% 0;
}
@media (max-width: 767px) {
.service-item {
width: 100%;
}
}
все возможные варианты попробовал.не получается.что я не так делаю