How to make a product card?

Question

css

Good afternoon, how can I make an adaptive product card, preferably on flexbox.
It is the rebuilding of the card from the desktop to the tablet version that interests me (how to lay out the grid), small elements are understandable.

Layout example

1170px

768px

481px
Заголовок и описание товара с ценой уходит под фото

Here is what I got at the moment
Sandbox

Answer 1

https://codepen.io/anon/pen/WqgrPK