Submitted 7 months agoA solution to the Blog preview card challenge
Blog Preview Card Component
accessibility
@christe84
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am most proud of the new things that I have learned along the way. I have developed a better understanding of figma. And I have also started using Devtools better. I learned how different CSS stylings impact the final output.
What challenges did you encounter, and how did you overcome them?I had almost no understanding of figma. I also had not used the Elements tab of Devtools well so far. I figured out these things along the way by observation.
What specific areas of your project would you like help with?I would like to know if I missed something.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @kankaGate
well done! your solution is so good like the design, btw here are some sugestions from me:
- use semantic html like main containing the main area of the page, instead of straight to div. this will help the screen reader works better
- why you use h4 inside span element, is there any purpose to accomplish? if not just use 1
- declare the font-family on the body, no need to declare in each child selector except if the selector needs different typeface
- use the same measurement unit througout the code, there are some using px and rem
- adding transition for the changing propery value would be nice, like changing color on hover
have a nice day!
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