Responsive faq accordion card using flexbox and sass
Design comparison
Solution retrospective
Why I need to use '!important' in @media ? Feedback pls. Thanks.
Community feedback
- @aleksamrakovicPosted almost 4 years ago
Hi, its probably stronger selector as I can see at quick glance. In media query its only .container. My advice is you should avoid nesting style inside body tag selector, when you are writing SCSS. One more thing, when you are doing responsive, try to use %, or ems, for example for container width. Take a look at how bootstrap container is implemented. All the best, keep pushing :)
1 - @abhik-bPosted almost 4 years ago
Hi Gorkem , I really liked the accordions and its transitions
!important
is not compulsory for media-queries , what I guess is making you use that is- inside the body you have
.container
and.col1
, however inmedia-queries
your.container
and.col1
is not insidebody
that is why it is overwriting your media-queries in some places
Hope this helps 🚀
1 - inside the body you have
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