the problem may be related to the use of table-cell. I set the width of the middle text section to a large 10000px. That"s it.
refers to a blogger"s article , which is great.
-original question-
the margin, on the right is not set, but inexplicably there is a gap on the right. Ask for help
css
-sharptimeline {
width: 100%;
position: relative;
list-style: none;
padding: 0;
a {
text-decoration: none;
}
.listing {
background: $white;
box-shadow: 0px 6px 12px 0px rgba(63,62,57,0.06);
border-radius: 8px;
padding: 28px;
margin-bottom: 20px;
position: relative;
z-index: 2;
display: table;
width: 100%;
img, .info, .job_type {
display: table-cell;
vertical-align: middle;
font-size: 14px;
color: $t2;
}
.images_wrapper {
width: 64px;
border-radius: 100%;
background: $background;
overflow: hidden;
img {
width: 100%;
border-radius: 100%;
display: block;
}
}
.info {
line-height: 20px;
width: 520px;
padding-left: 28px;
}
}
}