Hi, I would like to know the best way to position the background and hero image so that it shows the torso up each time even if the screen sizes change. Currently they both respond to screen changes and at bigger screen sizes, the view of the image zooms in and cuts out the torso. As for the background image, I couldn't figure out how to position it so that the wave is in the middle. Hopefully my question makes sense. Thank you :)
Try to increase a bit the min-height on the hero div and set background-position : center
This is my first challenge. I tried my best to make it look like the solution. But i am still having issue with the height of the card. Please guide me how to correct that. Also how to make my code look neat. Any feedback is appreciated.
Check my solution for this challenge , it's not perfect but you my find the solution to your problem.
I had difficulty adjusting the positions of buttons. When the number of description's lines is less than others, the button's position became higher with the same top margin. I somehow adjusted by increasing the left and right padding of descriptions though, are there any better ways?
You can try to set the same fixed height on all cards descriptions
