HTML Markup, Flexbox, Mobile-first workflow, JavaScript

Solution retrospective
Hi everyone! I have struggled with some parts of this challenge, specially with the positioning of some of the overlapping elements. I had some issues with the desktop version of the challenge since a white space was showing up on the right side of the screen. I managed to "fix" this applying overflow-x: hidden; in the body tag. I can't figure out why this was happening and my code might show some problems adapting to different screen sizes. I would appreciate some feedback on these issues. Thank you!!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @jakubserwin
You definitely misplaced your solution or attached wrong file but its ok.
The problem with the white space on the right side was probably because one or more of your elements had fixed width and was overflowing your body. Your solution manage to hide it but probably cut it as well. For testing purpose you could add a red border for your body and take a close look which element will extends it.
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