Submitted over 1 year ago
Completed using CSS Flex-box and Grid. Includes accessibility code.
@John-Davidson-8
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I learned the clip property for accessibility, using a class named "visually hidden" for the strikethrough over the "original price." Also the first time using picture element for the image, which has a media query embedded in the HTML with two sources. I also learned how to embed screenshots in the README file, I have included a short Youtube video which showed me how this is done.
What challenges did you encounter, and how did you overcome them?How to make it responsive was the problem I faced. However using media queries solved this.
What specific areas of your project would you like help with?Responsiveness.
Community feedback
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