0
I’m using a <ul> to display the results on a website. 3 items per line are printed: Site name, link and status.
In the browser the resutlado is good:
Poblema occurs when using mobile:
Because I am not using a table (nor intend to), the texts overlap and the result gets messy.
I would like the first field (name) to be "scrolling" automatically and continuously horizontally, occupying only a small mirror. I’ve searched a lot of places and I haven’t found a good way to do that.
Peter please don’t take this the wrong way, but thinking of the user imagines the citizen having to wait for a giant name to scroll to the end, in fact he doesn’t even know where the end is and the time he will have to wait, and if by worse he doesn’t see the last word he’ll still have to wait for the whole thing to come back to one side and start again... look what a bad experience of use... But it’s just an opinion ok. On small screens like this, I would break the large text up on one line and link and statos on another line, one on the right and one on the left using only the Bootstrap grid. If you want to make an example.
– hugocsl
You would have to see also the field of the link that does not fit in the space in the mobile version.
– Sam
Vlw by personal criticism, had not thought about how bad this could be for the user. I will think about the best option and put here the result.
– Pedro Henrique