columns for mobile view suddenly looks different from chrome dev tool

hi, the columns on my front page for mobile view suddenly looks different from chrome dev tool. i dont understand what happen

anyone can help to change back the column layout to pic A?

the column are same as pic B now, it is terrible

pic A

pic B

BTW, the column is not able to pull down, pls help

Hi Cherrysm2,

Actually, it’s due to the difference between the width of the different devices, but we can fix it; we can fix the height of the grid items in the mobile view to the pixels we want. It may fix the issue.
here is the sample code;
@media (max-width: 768px) {
.your-grid-item-class {
height: 50px; /* or something different /
width: 100%; /
or something different */
}
}

Regards,
SibtainAbdullah