Design comparison
Solution retrospective
- I sized the image manually, because I wasn't able to do it otherwise when it was placed in flexbox in a container. Is there a better way?
- at some point I needed to use box-sizing: border box and remove margin to remove scroll, but couldn't figure out where, at what point it was needed. When does this problem occur?
- are the icons the way they should be?
- is the border to the author image added correctly?
thank you for answers
Community feedback
- Account deleted
-Hi!!. You can use the max-width property to 100% that way the image covers 100% of the container and it is also responsive.
-About the scroll, the scroll, it can be seen when using the property height 100vh, if you don't reset the margin to 0, the body will occupy the 100vh plus the margin of the body. Try changing the height to 100% instead of 100vh and you will see how the scroll will not appear, because when you use % the margin is added.
-The icons are fine.
-I would recommend when using border radius and trying to make the image circular to use 50% to avoid using px.
Marked as helpful1
Please log in to post a comment
Log in with GitHub
Join 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