Help em Flex Layout - Trilha VTEX IO

Mais um help de quem puder…

Playlist de Layout Block - Etapa de Flex layout - Flex layout

Após seguir os comandos, o resultado do layout saiu diferente conforme print. Abri o gabarito e digitei todo o código também lá apresentado na documentação, e mesmo assim o resultado foi diferente.

Gabarito - Gabarito para o passo 'Flex layout'
Onde eu errei? :disappointed_relieved:

Como deveria ser

Como está no meu workspace:

6 Likes

@acaciomiranda como o flex trabalha sempre com linhas e colunas, veja como você dispôs os seus elementos no .row e no .col. Lembre-se de que uma vírgula diferente ou fora do lugar já é suficiente para quebrar o layout.

Se puder, mostre seu código como está e podemos seguir daí, certo?

#BeeInControll :honeybee:

2 Likes

Obrigado pelo retorno.

Primeiro por esse código conforme videoaula:

No gabarito do allbound há alguns complementos. Copiei e colei o código conforme imagem e continua o mesmo resultado.

1 Like

Acacio, está retornando algum erro no terminal?

Os blocos “rich-text”, “info-card#button-right” e “info-card#button-left” estão declarados?

Experimenta deixar assim:

  "store.home": {
    "blocks": [
      "flex-layout.row"
    ]
  }
2 Likes

Nessa altura, posta o código no lugar de imagens e se possível manda o link do github do projeto que a gente pode tentar rodar aqui pra te ajudar mais rápido!

2 Likes

Obrigado pelo retorno @guitavano !

Depois de refazer todo o código, consegui resolver. Faltava mesmo o “info-card#button-left” .

Valeu pela dica!!

1 Like

Obrigado pelo retorno @gomesgeorgelucas

Depois de refazer todo o código, consegui resolver. Faltava o “info-card#button-left” .

Abraços!!

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.