How to build this(photo inside) grid on grid css?

Look at the code experienced eye, and advise where and how you can improve, and what is superfluous.
Typeset from mobile version to desktop.
5e98146eca7e0085983478.png - Cellphones
5e981483b1823806524378.png Tablet
5e98148a1dff8594124840.png - Desktop
Here's my attempt to mark in how they can be harmonized, I think you can make it easier, here only experience and knowledge is not enough.
April 19th 20 at 12:17
1 answer
April 19th 20 at 12:19
If I am mistaken in how they can be harmonized as in the flake is order tomanipulate in the first place here.
Based on the above, just specify on how they can be harmonized not typeset, although the experience I have is great, I love new technology then consider a grid overhead. Try basically your task. A ready-made solution soran do not provide simply no time. What I see from the layout is realizable through competent layot built using flex mobile flex order column little heart under the picture posa > posr c order. As in the other versions there manipulation flex-flow: row, order, and so on. If it's complicated and it sawtek, take a blank canvas and make from scratch, not in the current project, but simply empty.
Even as a solution when the designer was clever, but not all designers know what css is awesome, try to contact them and find a compromise.
In General, the task is doable.
Thanks for the comment! On the flake for me, this task is easier, because experience with them is that you cannot tell about grids, based on this wanted to remake into a grid, to better understand this technology - Jessy91 commented on April 19th 20 at 12:22

Find more questions by tags CSSCSS GridFrontend