Why Does Table Layout Differ on Different Phones in Responsive Design?

0
Why Does Table Layout Differ on Different Phones in Responsive Design? 1
Grace
Sep 12, 2023 11:55 AM 1 Answers
Member Since Jan 1970
Unsolved Solved Mark as Solved Mark as Unsolved
Subscribed Subscribe Not subscribe
Flag(0)

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
Please login to submit answer.
1 Answers
Sort By:
Best Answer
0
Why Does Table Layout Differ on Different Phones in Responsive Design? 2
Azizul Raju
Sep 12, 2023
Flag(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.

Why Does Table Layout Differ on Different Phones in Responsive Design? 3
Azizul Raju
- Sep 13, 2023 05:36 PM
Flag (0)
0

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;
}
}

Why Does Table Layout Differ on Different Phones in Responsive Design? 4
red1grey2
- Sep 13, 2023 10:30 AM
Flag (0)
0

https://prnt.sc/WhksAu6WL-UU
https://prnt.sc/ZhwsKjSZw4Nr

above shows that diff mobile got diff layout.

Why Does Table Layout Differ on Different Phones in Responsive Design? 4
red1grey2
- Sep 13, 2023 10:27 AM
Flag (0)
0
Sign in to Reply
Replying as Submit