![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/oyoipcdgmc9y9je9c77j.jpg)
Submitted over 3 years ago
Mobile-first responsive order summary component
@olesiakissa
Design comparison
SolutionDesign
Solution retrospective
Question about html structure:
- Should two last elements (proceed & cancel buttons) in my card component be grouped into one cta section? It seems more logical to me but I have some doubts. General questions:
- Which css naming conventions would you suggest when card layout becomes really nested (e.g. container1>container2>container3)? I have read about gcp and bem, but the last one seems pretty hellish when you have to name nested children with parent prefix and it goes like 3-4 levels upwards.
- How to learn to be more precise while figuring out margins, paddings, font-sizes/weights if you don't have design assets?
- What tools/platforms could you recommend for cross-browser testing? I have found browsershots but it doesn't seem to work with netlify deployed sites.
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