Product preview card using HTML, flexbox, and custom CSS

I used media queries to create the mobile view, are there other ways of doing this that are more elegant? I liked using bootstrap because it seemed to automatically resize elements based on the viewport size but I wanted to try to approach this challenge without using bootstrap.