What challenges did you encounter, and how did you overcome them?
Having to guess the size of elements and fonts using images alone. I found that there are x2 different font sizes. Only one is provided in the file style-guide.md. I overcame this by opening the design file provided with Figma to get exact pixel sizes.
Your design is very close to the desktop mobile solution. Great job! I would also remove the text under the card. If you're looking to improve your code for accessibility purposes, try using semantic HTML. Semantic HTML tags help search engines, screen readers, and other web technologies understand the structure and content of web pages better.
Marked as helpful
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
