I had some problem, trying to align the Submit button to the center even after using a flex display on my main container. Please any feedback concerning that, and any other area of improvement, would be so much appreciated.
Hey Vincent!
Congratulation on finishing the project 🎉
The reason why your submit button is not getting centered is that your <main> element has a property of
padding-right: 30px;
remove that and the submit button will get centered. Hope I helped you in solving your query. Happy Coding :)
How do I make sure the Image is fits into the image container in this challenege
Hi Ted,
Congratulations 🎉 for completing this challenge, the card component looks great. Here's a solution on how you can make sure that the Image is fits into the image container :
1 ) Firstly remove the <p> tag which you have inside your <div class="img-container"> 2 ) Give both <div class="img-container"> and <div class="cont-2"> a max-width and it must be same. 3) Then give your img element these properties:
object-fit: cover;
width: 100%;
I hope this helped you. Happy Coding :) Keep Working Hard!!
Hey Louay, Congrats on completing the challenge. One thing I would like to suggest is that instead of using <button> try using <input type="radio"> as we have to only select one out of the five ratings at a time. It would be more correct if we keep accessibility in mind. Again, congrats on the hard work. Keep Learning :)
