@R3ygoski
Posted
Olá Vinício, parabéns pela conclusão de mais um projeto. Ficou muito bom, meus parabéns.
Sobre a parte de alinhar os objetos, o melhor para esse desafio é utilizar o grid
, isso porque você precisava posicionar os elementos tanto na vertical quanto horizontal, e sempre que precisar desse alinhamento bidirecional, o recomendado é o grid
, já o flex
é unidirecional .
O site ele não está responsivo para todos os dispositivos, ele fica um pouco quebrado em 320px, e em telas mobile, o seu card de calculator, acaba por ficar em cima do card de supervisor. Se você remover o position: absolute
do seletor .for
, ele seguirá a linha de forma correta.
E se quiser deixar seu HTML mais semântico, você poderia trocar as <div>
de cada card por <article>
, pois esses conteúdos são autoexplicativo e independentes.
E novamente, meus parabéns, continue praticando e se aprimorando, ficou boa sua resolução do desafio. Caso tenha ficado alguma duvida por favor, comente abaixo que tentarei ajudar da melhor forma possível.
@pRicard0
Posted
@R3ygoski Não acha que <section>
seria melhor do que article? Eles não são completamente independentes e fazem parte de um todo. Eles estão inseridos dentro do contexto da página. É tudo um grupo de características que não podem ser dissociadas e só fazem sentido quando estão juntas. O que acha?
@R3ygoski
Posted
Olá @pRicard0, na verdade eu acho que o mais correto é realmente <article>
, isso porque se formos reparar, eles não dependem do contexto da página.
Isso porque cada card desse descreve sobre uma funcionalidade específica e de forma autoexplicativa, isso é, fazem sentido por si só. Se removêssemos todo o resto da página e deixássemos apenas esses cards, eles ainda fariam sentido. E isso vale para os outros
Um exemplo disso seria o primeiro card que é o Supervisor, só com ele você já consegue entender que ele representa uma funcionalidade de supervisão, isso por causa da descrição, título e imagem.
Marked as helpful