@MelvinAguilar
Posted
Hello there 👋. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
There are several issues preventing you from modifying the image effectively. I would recommend, for your next project, adopting a mobile-first approach to ensure a more user-friendly solution on mobile devices:
- The image lacks
max-width: 100%
property, so it won't be responsive to different screen sizes. - Your solution lacks
box-sizing: border-box;
property, making it challenging to control the sizing of elements accurately, especially with padding and borders. - Margins are excessively large for mobile devices (
margin: 98px 80px 70px;
). Consider using a media query to adjust them. - Avoid setting fixed widths (
width: 700px;
) as it causes overflow on mobile devices. Instead, usemax-width
when necessary.
I hope you find it useful! 😄
Happy coding!
Marked as helpful