chat-app-css-illustration-master

Solution retrospective
All feedbacks are welcome
Please log in to post a comment
Log in with GitHubCommunity feedback
- @VladMishchuk
Привіт, вітаю з Великоднем.💙
Your right background element is not positioned at the bottom of the content on mobile devices.
If you use Google DevTools (press F12 while on your website), and hover over the "background_color_down" element, then hover over the "body" element, you'll see that "background_color_down" is positioned at the bottom of the "body" block. This is because in your .css file, you didn't specify "which block to position the element relative to". Instead, by specifying the "position: absolute" property and not specifying "position: relative", your block is positioned relative to the "parent block" (in this case, the body).
To fix this, you can give the "main" tag the property "position: relative". It's also recommended to place the positioning blocks (background elements) inside the block that you're positioning relative to (main) in the .html file.
And remember - "The difference between a novice and a master is that a master has failed more times than a novice had tried."
Marked as helpful
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