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
Not Found
Not Found
Not Found

Submitted

chat-app-illustration

@IcyEazy

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


Please I need help with the background color shapes, thank you.

Can I get someone's email, so the person can put me through some codes? I'm stuck in the to-do main app for the intermediate section. Thank you.

Community feedback

S MD suleman 3,530

@sulemaan7070

Posted

hey 😄Adigun Israel Collins, regarding the background color shapes you can use the border-radius property.. and this is the code snippet from my submision.

.right-decor {
    background-image: linear-gradient(var(--Light-Magenta),var(--Light-Violet));
    height: 700px;
    width: 560px;
    margin-left: -240px;
    border-radius: 0 0 300px 300px;
    position: relative;
}
I have two smoothed corners and negative margin is pushing it left side✅

the border-radius and many other properties work like this...

border-radius:(top) (right) (bottom) (left);

just like a clock direction

let me know if you need further help💯` Hope that helps,happy coding🔥🔥

Marked as helpful

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