All solutions

I had trouble making the background-image.

It was my first time using grid in a more complex way and this challenge was super difficult to make it attractive on most screens.

This is my first project using JS.

I have 3 questions about Challenge:

1.Why in mobile dimensions the top of the card is hidden and does not appear at all? how can I solve this?

2.At some widths the image does not occupy 100% of the screen.

3.Why did I have to force the image in desktop dimensions to occupy 100% height?

My biggest difficulties were with regard to responsiveness, mainly because on mobile the first card was not appearing completely, apparently because of the size of the body. I also had difficulties with the button that was made using the a tag, because I was not able to apply the inline-block to it. Finally I had difficulty choosing which would be the best breakpoint and setting the maximum widths of certain elements.