Why does the official Twitter website look so different on mobile?
So I recently completed theo's Twitter clone tutorial and wanted to go a bit further make the project look more like twitter.com. I noticed something. It seems like Twitter serves a different site to mobile user than on PC. How does that work? Can I set something like that with t3-stack?
Also, do you think they use state hook for the " ... " Collapsing of names and @handles?
Not needed but github link: https://github.com/Rasib0/chirp/
GitHub
GitHub - Rasib0/Chirp: A twitter clone where you can only tweet usi...
A twitter clone where you can only tweet using emojis! - GitHub - Rasib0/Chirp: A twitter clone where you can only tweet using emojis!
Solution:Jump to solution
So I recently completed theo's Twitter clone tutorial and wanted to go a bit further make the project look more like twitter.com. I noticed something. It seems like Twitter serves a different site to mobile user than on PC. How does that work? Can I set something like that with t3-stack?
Also, do you think they use state hook for the " ... " Collapsing of names and @handles?
Not needed but github link: https://github.com/Rasib0/chirp/...
GitHub
GitHub - Rasib0/Chirp: A twitter clone where you can only tweet usi...
A twitter clone where you can only tweet using emojis! - GitHub - Rasib0/Chirp: A twitter clone where you can only tweet using emojis!
2 Replies
The easiest way to serve different apps to different devices is to actually configure it at the load balancer based on incoming device. Doing this in code can make your code base look super messy.
>Also, do you think they use state hook for the " ... " Collapsing of names and @handles?
I think they use 3 simple css rules:
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}