primereact

1
@media screen and (max-width: 991px) {
2
    .customized-timeline {
3
        .p-timeline-event:nth-child(even) {
4
            flex-direction: row !important;
5

6
            .p-timeline-event-content {
7
                text-align: left !important;
8
            }
9
        }
10

11
        .p-timeline-event-opposite {
12
            flex: 0;
13
        }
14

15
        .p-card {
16
            margin-top: 1rem;
17
        }
18
    }
19
}