I had 2 problems:

• Not proper adding the top border inside the both, it is not like the one on the design, I tried to use box-shadow also without success.

• I tried to use GridCSS (ugly solution but wanted to give it a shot and learn by doing) and the middle column is streched more that the left/right columns for the cards on desktop.

Of course any other tips and suggestions will be welcome

Would love to know how to set the background images responsive for both circles on the background. Any other tips will be welcome!

Any suggestion will be welcome. If you have suggestions on how to improve the BEM naming that would be great and also if you would create the share div in another different way to be shown in desktop/mobile views also great.

Thanks in advanced