Solucionado
Olá, bom dia, tudo bem?
Vendo os comentários consegui executar o desafio, mas não entendi o que seria o "col-6", o col-md-6 e o col-xxl-4, não entendi porque seria esses números especificamente, olhando na documentação, percebi que o md é para dispositivos com telas >=768 pixels, e o xxl é >=1400px, mas não entendi porque no md, usou o número 6 e no xxl usou o número 4, e o col-6 também, alguém poderia me ajudar por favor?
Obrigado!
hoje, com a Alura e o Google Gemini
Oi, Ruan, tudo bem?
No Bootstrap, o sistema de grid é baseada em 12 colunas. Isso significa que a largura total de uma linha é dividida em 12 partes iguais. As classes col- são usadas para definir quantas dessas 12 colunas um elemento deve ocupar. Sendo assim:
col-6: indica que o elemento deve ocupar 6 das 12 colunas disponíveis, ou seja, metade da largura da linha. Isso é usado para todos os tamanhos de tela, a menos que seja sobrescrito por uma classe específica.
col-md-6: neste caso, md significa "medium" e se refere a telas com largura mínima de 768 pixels. 6 significa que o elemento deve ocupar 6 das 12 colunas (metade da linha) em dispositivos médios (tablets) e acima.
col-xxl-4: xxl refere-se a telas extra grandes com largura mínima de 1400 pixels. 4 significa que o elemento deve ocupar 4 das 12 colunas (um terço da linha) em dispositivos extra grandes e acima.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Bom dia Rodrigo, estou bem e você?
Muito obrigado agora compreendi perfeitamente, faz todo o sentido, valeuu pela ajuda, abraços!