Em telas pequenas, a lista não ordenada na barra de navegação transborda do lado direito da tela. Corrija isso usando *Flexbox* para envolver o conteúdo do ul. Em seguida, defina as seguintes propriedades CSS para alinhar corretamente o texto:

align-items: center;
padding-inline-start: 0;
margin-block: 0;
height: 100%;

Testes:

• Você deve dar ao `ul` um `flex-wrap` de `wrap`.
• Você deve dar ao `ul` um `align-items` de `center`.
• Você deve dar ao `ul` um `padding-inline-start` de `0`.
• Você deve dar ao `ul` uma `margin-block` de `0`.
• Você deve dar ao `ul` uma `height` de `100%`.