All solutions

This challenge wasn't that hard, but I was able to keep practicing Bootstrap. However, does anyone know how I can position the image better, since as you can see in the code the image is the background of a div, so I put a background-size: cover, but this makes the image on a tablet it stretches and looks bad and when the resolution is too small it cuts off. I tried with a background-size: contains and it looks better but the image is not cut but a space of the color remains!

In this project I continue practicing bootstrap, I would like to know if someone can solve a doubt, I managed to make it look good on smartphones, but I feel that on a tablet the image would look somewhat stretched and the definition of the image is damaged

With this project I felt comfortable, I'm learning bootstrap for layout and seriously this framework makes my life a lot easier, although sometimes I struggle with customization and I have to use some !important in the css code

I wanted to learn boostrap to learn how to layout web pages, if you realize it is only the design of the web page, since I did not include javascript, I only wanted to learn the structure and components that boostrap offers, however I would like to know your comments, since They help me improve!

I can´t put background in the image with hover

I'm practice boostrap5