0
Grace
Why does the layout of the table appear differently on various smartphone models?
Isn't it supposed to be consistent in responsive design? Please refer to the attachments,
https://imgur.com/a/pZYZniY
which show the layout of the same table on three different smartphone models.
thanks
0 Subscribers
Submit Answer
1 Answers
Best Answer
0
Hi Grace,
The design varies depending on the screen size and resolution. You can add CSS to fix this issue by lowering font size or container padding value.
Please share your website address so that I can assist you better.
Please follow my screenshot – https://i.ibb.co/19VrdVp/custom-css.png
And copy and paste the CSS code there.
Code to copy:
@media(max-width: 410px){
.semantic_ui .ui.table td{
padding: .78571429em .3em !important;
}
}