All solutions

Every comments are welcome!

I have had troubles with mobile version due to the elements position. I think I have resolved the exercise but it could be better. I had problems with srcset so I decided to scale the images... if anyone could help me with the srcset... Feel free to comment this post, I want to improve!!

I would like to know if someone can help me with the background properties, I have had problems with the positioning of the top image and with the z-index value of the bottom position. Also, on mobile devices I have not been able to make the background images look correctly.

Although I know that with flexbox it would have been easier and it would have had a more similar design to the example, I decided to do it with bootstrap for practice. What I did with the overflow of the p elements was include a custom sidebar so that the height of the group would not be altered too much. As it's done with bootstrap, the cards have by default a top and bottom margin. I tried to remove it but couldn't, so if anyone knows how please tell me.

This is my first challenge. I would really appreciate it if you could give me advices or comments to improve. I did it with two different stylesheets, one for devices with less than width:1100px and another stylesheet for the rest of devices.