Creating layout using flex (html, css) : I'm trying to create the following layout for one of my web projects. What's the best way to create that using HTML, CSS (Flex)?

I'm struggling with bottom-margin for C & D in Desktop screens, for D in Mobile screens.

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/rhOWn.png