Order summary with application of flexbox and background images.
Design comparison
Solution retrospective
Hi everyone. I need help regarding naming my div classes in a more efficient manner. Also, how do I make such sensitive layouts more responsive without relying on a max-width property . ?
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Akash , congratulations for your solution!
Answering your question:
I think that
max-width
is the best choice if you want a quick responsive component, but if you want an alternative to have changes you can rely onmedia query
that's more specific for some device screen size. I saw that you're used a css class naming kinda BEM, so there's not much to change, is correct the way you named it, maybe you can use more general class names ascontainer
andwrapper
for the div that contains a big amount of elements inside.Note that your card is cropping the info when the screen scale down due the property
overflow: hidden;
.Hope it help you, happy coding!
1
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