This solution is generated by ChatGPT, correctness is not guaranteed. You might also be able to find a solution fromcommunity posts.
AI solution for CSS coding question on BFE.dev
8. Twitter's website layout
@media only screen and (max-width: 480px) { .left { width: 40px; } .middle { width: auto; max-width: 240px; } }
@media only screen and (min-width: 481px) { .left { width: 80px; } .middle { width: auto; max-width: 240px; } .right { display: block; width: 120px; margin-left: 10px; } }
@media only screen and (min-width: 601px) { .left { width: 120px; } }