Uma equipe de desenvolvimento web está construindo um portal de notícias com um layout otimizado para telas de computador. No entanto, eles identificaram a necessidade crítica de adaptar a barra de navegação principal para dispositivos móveis e tablets. Em vez da barra horizontal tradicional, eles querem que o menu se apresente de forma simplificada (como um ícone de hambúrguer que, ao ser clicado, revela uma lista vertical de opções) quando a largura da tela atingir 768 pixels ou menos. Para implementar essa transição de forma eficaz, o time planeja usar CSS puro, sem JavaScript, aplicando um conjunto específico de estilos que só devem ser ativados sob essa condição de largura de tela.