This solution is generated by ChatGPT, correctness is not guaranteed.

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; } }