cores: fundo da lista + afastamento lado esquerdo

Para aplicar cores a elementos HTML usando CSS, você pode seguir estas diretrizes:

Texto: A propriedade color define a cor do texto e suas decorações (como sublinhados ou linhas tachadas). A propriedade background-color define a cor de fundo do texto. Use text-shadow para adicionar sombras ao texto. A propriedade text-decoration-color permite definir uma cor diferente para as decorações de texto. Para símbolos de ênfase adjacentes a cada caractere no texto, utilize text-emphasis-color. O caret-color define a cor do cursor de entrada de texto dentro do elemento1. Lista com fundo de cor total: Para fazer o fundo de uma lista ocupar 100% horizontalmente, você pode usar a propriedade position: absolute; e width: 100%; no elemento

• . Defina uma altura para o elemento (por exemplo, height: 318px;), já que o
  • estará com posição absoluta. Remova os preenchimentos esquerdo e direito do elemento
  • para alinhar corretamente os itens da lista horizontalmente2. Elementos lado a lado: Utilize display: flex; para colocar elementos lado a lado. A propriedade align-items alinha os itens verticalmente. justify-content: space-evenly; distribui os elementos igualmente no espaço disponível3. Espero que essas dicas sejam úteis para o seu projeto!

    Atenciosamente, Danilo O. Pinheiro CEO DevsFree & MasterMind | Arquiteto De Software | Arquiteto De Soluções | Engenheiro de Nuvem | Arquiteto Corporativo De Software | Gerente de Projetos | Líder técnico | Arquiteto Tecnológico

    Contato: whatsapp Email: Gmail, Linkedin

Perdão, mas nao consegui entender. até aqui o projeto deve ter o mesmo resultado que o dela, sem eu ter acrescentar coisas para chegar na mesma solução.