@ApplePieGiraffe
Posted
Hey, again, Marta! 👋
It's nice to see you complete another challenge (of course)! 😀 You're improving with each solution that you submit, and I think you've done a good job on this one! 👏
When I work with PerfectPixel, I usually load the JPGs into my browser before I start coding, and then as I build each part of my website, I periodically check to see how my work lines up with the original design. I usually only do this for the desktop layout, though, and eyeball things for the mobile layout. 🙃
I think the size of the text on the page is quite large in the mobile layout, and that's causing some overflow issues (which is why you are getting white space to the right of the page in the mobile layout). I suggest decreasing the font-size of things in the mobile layout a bit and making sure the email at the bottom of the page doesn't overflow the body (which seemed to be causing the issue). 😉
I also suggest adding a max-width to the content of the page since it begins to look quite stretched on extra-large screens.
Of course, keep coding (and happy coding, too)! 😁
@martam90
Posted
@ApplePieGiraffe Thank you for your answer and hints! I always appreciate your feedback. :) I tried to code mobile version based on original mobile design so now I understand what caused overflow.