How to debug css for different mobile browsers (iphone/android)

.our-services-section>div {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 1rem;
    width: 75%;
    margin: 0 auto;
}
.our-services-section>div>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1;
    align-items: self-end;
}
@media screen and (max-width: 1280px){
.our-services-section>div {
    grid-template-columns: 1fr;
    width: clamp(min(calc(100% * 10/12),430px),47vw,80vw);
}
.our-services-section>div>div:nth-of-type(2n) {
    position: relative;
    left: 2rem;
}
}