Design comparison
Solution retrospective
-
I would like to know if using lists in these testimonials was a correct way. I tried to apply the tips they gave me in the CSS to make it cleaner. I'm open to suggestions and thanks for the help!
-
In this challenge I used more specific selectors for each element and left the css as clean as possible. Avoiding repeating styles.
-
It was great to test my positioning knowledge with the grid and flexbox. Allies they make development much easier.
Community feedback
- @correlucasPosted about 2 years ago
👾Oi Adriel Santos, tudo bem? Parabéns pelo desafio!
Aqui umas dicas pra você melhorar sua solução:
Seu html está funcionando, mas você pode melhorá-lo usando tags semânticas e substituir o <ul>, por exemplo, o bloco principal que recebe todo o conteúdo pode ser envolvido com
<main>ou section, já os cards você pode substituir o<ul>que envolve cada cartão com<article>e o parágrafo com a citação a tag de marcação<blockquote>desta forma você irá envolver cada bloco de elemento com a melhor tag.Aqui um guia com todas tags semanticas: https://www.w3schools.com/TAgs/default.asp
Aqui minha solução caso vc queira consultar: https://www.frontendmentor.io/solutions/testimonials-grid-section-vanilla-css-focus-effect-custom-design-e5bIzU3vZN
👋 Espero ter ajudado e continue no foco!
0 - @dialejo24Posted about 2 years ago
In this case, it would be a better idea to use the <article> tag instead of the unordered list. The article tag specifies independent and autonomous content, for example: blog posts, comments, news.
0
Please log in to post a comment
Log in with GitHub
Join 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