Responsive faq accordion card using flexbox and sass

Solution retrospective
Why I need to use '!important' in @media ? Feedback pls. Thanks.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @aleksamrakovic
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 :)
- @abhik-b
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 🚀
- inside the body you have
Join 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