Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found

Submitted

SASS implementation of solution

@DavidBurgess1984

Desktop design screenshot for the Chat app CSS illustration coding challenge

This is a solution for...

  • HTML
  • CSS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've attempted to build this using SASS. Can someone help me fix the background images. The deep purple lozenge on the left never seems to align right, and the right faded lozenge overshoots the bottom of the page. I have tried to use position:absolute but can't seem to get it right. I'd appreciate any help or comments.

Community feedback

P

@Ibarra11

Posted

One way you can fix the issue of the right faded lozange overflowing the bottom of the page is by putting overflow:hidden on the body. That will crop off the lozange when it overflows and also will allow you to position the bottom right lozange how you want. You can move it to the right to make it smaller or however you want it to loo like.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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