Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Community feedback
- @pRicard0Posted 7 months ago
Algumas dicas HTML.
- Ao invés de usar a tag
<section>
com a classe"content"
a tag<main>
se enquadra melhor e fica mais acessível. - Ao invés de usar duas
<div>
uma com a classe"content-img"
e a outra"context-text"
, agora sim você pode usar<section>
que combina mais e evita o uso excessivo das div - Seu projeto ainda não tem uma tag
<h1>
então você não deve usar<h2>
. É necessário que todo site contenha pelo menos uma tag h1, seja ela visível ou não. Não use h2 enquanto não usar h1, não use h3 enquanto não usar h2, etc... - No seu caso é necessário especificar o tipo do seu botão pois não pode ser deixado como padrão. O correto seria
<button type="button">
Dica CSS
- Você pode melhorar a interatividade com o botão ao adicionar alguns efeitos usando a pseudoclasse hover ou qualquer outra. Por exemplo...
.context-text button:hover { transform: scale(1.05); } .context-text button { ... transition-duration: 0.2s; }
1 - Ao invés de usar a tag
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord