Why is Facebook’s HTML + CSS Such a Mess?

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk about why Threads, Instagram, and all things Facebook have what seems like really messy HTML and CSS?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="https://www.threads.net/@stolinski">Scott on Threads</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://www.threads.net/@wesbos">Wes on Threads</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=00:35">00:35</a></strong> Threads has got divs</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=02:42">02:42</a></strong> Tight scoping</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:44">09:44</a></strong> Avoids specificity</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=10:37">10:37</a></strong> Dealing with ad blockers and scraping</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=15:45">15:45</a></strong> Divs are free, what’s the big deal?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=20:19">20:19</a></strong> Facebook is tracking everything</li> <li class="has-line-data" data-line-start="13" data-line-end="15"> <strong><a href="#t=27:57">27:57</a></strong> React Native</li> </ul> <p><img src= "//assets.libsyn.com/show/100962/Screenshot202023-07-1720at2010.39.3420AM.png" alt="" width="792" height="330" /></p> <p><img src= "//assets.libsyn.com/show/100962/Screenshot202023-07-1720at2010.38.5220AM.png" alt="" width="898" height="612" /></p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Sha