.item{ #start{ width: calc(100% - 10px); } } #items{ .header-item{ width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1rem; .info{ width: calc(100% / 3); .title{ display: -webkit-box; display: -ms-flexbox; display: flex; h2{ text-transform: uppercase; } & > *{ margin-right: 0.5rem; } } .content{ margin-top: 1rem; } } .prev-next{ width: calc(100% / 3); position: relative; .btn-info{ width: 250px; position: absolute; top: 20px; left: -80px; -webkit-transform: rotate(-17deg); transform: rotate(-17deg); } } } .top{ cursor: pointer; text-align: center; width: 100%; margin-bottom: 10px; } } .img-card{ width: calc((100% / 3) - (10px)); margin-bottom: 10px; }