Hello,
Dear user, for mobile device issue goto appearance>>customize>>custom css and use code given below:
@media only screen and (max-width: 600px){
.single-course #item-meta {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 28px;
grid-template-columns: 80px 90px 120px !important
}
}
RefeR:
https://prnt.sc/tzc7bd
And for review style, first go to appearance>>customize>>Custom css and check which css conflict this style, This only by any css conflict or any third-party plugin conflict,
Thanks,