#quotes Elon Musk - "Any product that needs a manual to work is broken."

Random Quote Machine
Initially my buttons were positioned below the quoted text. However as there’re a lot of quotes that differ in length, the buttons would jump around vertically. To minimalize that cumbersome effect I decided to position them between the author name and the quote itself.

I am not sure that’s good from UI/UX perspective in general, but I didn’t find another way to make them fixed underneath it all.

The longest I’ve been stuck with was the semicolon that I couldn’t pass to Twitter. It would chop off the rest of the quote to the right of it. I was about to ask for help how to solve it and then it hit me, I simply had to replace it with Unicode number %3B like spaces are replaced by %20 Click here for more about Unicode

1 Like