Skip to content
Submitted about 4 years ago

Just using pure css and js except with what they provided^^

Raymart Pamplona•16,040
@pikapikamart
A solution to the Chat app CSS illustration challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feel free to drop your comments or question regarding my solution^^

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Raymart Pamplona! 👋

    Nice to see you complete another challenge! 😀 Good work on this one! 🙌 Your CSS illustration looks pretty good! 👍

    One or two small things I suggest are,

    • Giving the CSS phone a fixed width so that its size remains consistent across screen sizes.
    • Making sure the content of the page remains centered in the viewport (even when the size of the screen decreases in the desktop layout).
    • Switching to a mobile-friendly layout slightly sooner to prevent the paragraph to the right of the page from looking too squished right before the layout changes.

    Hope that helps. 🙂

    Keep coding (and happy coding, too)! 😁

  • Akshay Meshram•390
    @akshay63

    Hey, @Raymart Pamplona. It is looking great. 👍

  • Raymart Pamplona•16,040
    @pikapikamart

    Fixed the min-width of the illustration and already commited^^

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