Design comparison
SolutionDesign
Community feedback
- @BlackpachamamePosted 10 months ago
Greetings! you have done a great job š
š Some suggestions
- Use
min-height
andmax-width
, this will help the content stretch or shrink if you need to. Unlikeheight
andwidth
which can cause your content to be cut off on certain screens - You can apply
display: block
to the image to remove the white space generated underneath. Although visually in this case it is irrelevant, it helps you better calculate the space with other elements - Apply
max-width: 100%
to yourimg
so that it occupies the correct width within the container - I leave you the task of researching the
box-sizing: border-box
Marked as helpful1 - Use
- @fvaldez29Posted 10 months ago
Thank you, Marcos, I will keep in mind your suggestion for the next project. Also, I'll look into it as soon as possible.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord