@correlucas
Posted
👾Hi @jhellard, congrats on completing this challenge!
Great code and great solution! I did this challenge too and know how hard it is to set up this grid layout
. I think you've done a really good job building everything! Here are some tips for you:
1.You’re in the right track I can see that you’ve used the majority semantic tags possible for this challenge, the only block you’ve missed is the paragraph containing the quote text
you can improve the accessibility there using <blockquote>
to indicate to screen readers that the content inside that paragraph is a quote.
2.The cards are a little bit less rounded try this value instead border-radius: 10px
3.To reduce your CSS file and improve the performance of loading your page you can use a tool called CSS minify
that reduces the CSS code by removing the unnecessary characters. You can use a VSCode
plugin called minify css
or this website tool to reduce your code: https://www.toptal.com/developers/cssminifier
✌️ I hope this helps you and happy coding!
Marked as helpful