Skip to content
Submitted almost 2 years ago

Chat-app-illustaration

Jimoh Abdulsamad•110
@buk-ola01
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

Please can anyone tell me how i can achieve the baackground cause i cant find it in the starter file.

Community feedback

  • Dana Hong•340
    @Dana-HongPosted almost 2 years ago

    Hey Jimoh,

    Good work with this challenge! It looks like you would have to create the background from scratch, since it wasn't a part of the starter files. Luckily, the shapes are simple enough to replicate. What you can do is create some empty <div>s in the <body> and give them a linear gradient for their background. Give them a height, width, and border-radius to mimic the pill shape. Finally, position them using position: absolute and some transform.

    Hope this helps!

    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