#body-wrapper{ #items{ .works-mea{ display: inline-flex; width: 100%; height: 50vh; align-items: flex-end; .card{ .card-image{ img{ width: 100%; height: auto; } } } } .scroll{ width: 100%; height: 15px; margin: 0 auto; overflow: hidden; position: relative; width: 50px; & > p:nth-child(1){ text-align: center; position: absolute; top: -20px; animation: translatep1 2s infinite linear; } & > p:nth-child(2){ text-align: center; position: absolute; top: -20px; animation: translatep1 2s infinite linear; animation-delay: 1s; } } .cat-list{ width: 100%; height: auto; border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px 0; margin: 20px 0; ul{ display: inline-flex; li{ margin-right: 10px; } } } .full-works{ display: inline-flex; flex-wrap: wrap; } } }