Hm, interesting. I suppose i always forget that using a static width will always break on mobile, but it also means that you have to always have something extend across the entire page, which isn't always optimal or desired.
I WAS going to say 'well it looks like ass on mobile if its set by px and ass on desktop if its set to 100% so someone has to suck it up' but i though no.. no i'm better than that.
So i went and figured something out.
This is an example posting template that floats an image (admittedly, in a table) to the left, AND has a progress bar in it, AND doesn't break mobile
| Gharzal Gaeghzro |
43%
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus volutpat dolor vitae vulputate. Pellentesque mollis lacus nec nunc sagittis laoreet. Quisque sed tellus eget quam posuere feugiat ut ac elit. Praesent posuere sollicitudin dui, quis interdum urna facilisis pharetra. Fusce sollicitudin tortor quis purus auctor, nec sodales eros viverra. Proin luctus blandit neque vitae vehicula. Proin finibus, augue vitae dictum venenatis, nulla justo dictum ante, at dignissim purus urna et mauris. Duis sodales dictum ipsum in mollis. Nunc luctus lorem in orci rutrum ultrices. Nullam vehicula augue ut aliquam pellentesque.
Nunc sit amet nunc id felis luctus interdum in ac neque. Suspendisse molestie nulla tellus, maximus pharetra odio laoreet sed. Curabitur vulputate gravida est, sagittis pulvinar eros ultrices vel. Sed finibus vehicula posuere. Pellentesque dui lacus, cursus et augue et, euismod efficitur dui. Phasellus sed leo mollis, vestibulum nisl id, convallis arcu. Nullam eget maximus tortor.