Responsive Card using Flexbox and Media Query

Learn decent bit from this challenge. Just have a question about what's the best way to program an responsive website. Is it better to handle the element layout's responsive end using media queries or should I try to make sure that it's mostly handle by for example flexbox. A example will be I used media query to change the flex-direction from row to column on certain elements when it reach an min-width. I also thought that I could of done it using flex-wrap, which will handle the layout when it changes from mobile to desktop. I guess my question is does this matter for best practices sake or is it as long as it works kind of situation?