Skip to content
Submitted 9 months ago

chat-app-css-illustator

rosesharonanchi•30
@rosesharonanchi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Chat app CSS illustration
  • HTML
  • CSS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

  1. Is there another alternative of adding the background images rather than going to a third party application like figma ?
  2. Is it appropriate to use dynamic view height (dvh) as attributes for the chat app's height?

Community feedback

  • Nfor Presly•360
    @nfor2000Posted 9 months ago

    Hello Rose , Great effort on the project.

    There is another alternative, which is actually creating the rounded-edged-rectangle and using it as some sort of background I bellieve, using css and html. You'll need a combination of positioning and linear gradients in css.

    For the second question, I can't say anythiing on that. I just recently learnt about it from your code.

    I'll recommend you consider downloading and studying the solutions proposed by others. I believe you can learn a lot by doing that. You can check out my repo to get insight on how I did the background. Here's a link https://github.com/nfor2000/chat-app-css-illustration-master.git.

    Hope this is helpful.

    0
    rosesharonanchi•30
    @rosesharonanchiPosted 9 months ago

    Thank you @nfor2000 for your feedback. Alright let me check that out.

    0

Please log in to post a comment

Log in with GitHub

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