Design comparison
SolutionDesign
Solution retrospective
When I was testing, I noticed that very quickly the desktop version was wider than the screen. Most of the card was covered until the screen was narrow enough to invoke the mobile design. I freelanced and added an "in between" version that made the desktop design a column instead of a row. I used flex-wrap to achieve this.
- Is that okay? And did my solution work?
- How are my BEM naming conventions?
- I used CSS to add the decorative/hero image. Is this okay? Since the image was decorative, I thought taking it out of the html would not negatively affect accessibility.
- Other thoughts and insights?
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