@Code-Beaker
Posted
Hi there, congratulation on completing this challenge! 🎉
You've done a great job regarding the responsiveness of the website on mobile phones.
The two points below will help you fix the image on mobile phones.
- set an overflow hidden to the container:
.container {
overflow: hidden;
}
- add a small padding to the
head-img
.head-img {
padding: 1rem; /* should be fine in this case */
}
Change the padding accordingly.
This will make the image look better on smaller screens.
Hope you find this helpful!
@azizedogan
Posted
@Code-Beaker Your comment was helpful. Thank you for that.