Skip to content
Submitted over 3 years ago

Mobile first, vanilla css

Mallory•120
@azerroth11
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

Hi there,

I'm happy with the end result considering how tough it was ! I was unfortunately not able to do the pink shape in the background, I managed to have something relatively similar but not close enough.

I struggled a lot with the margins and the centering of the phone taking in account the different screens. So if anyone has any tips on that, they're welcome !

Thanks for having a look and giving me any feedback/criticism so I can improve :)

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    well your result with the phone looks like it should and if you liked this style of challenge with CSS or want to build your skill creating shapes and images with CSS then you should check out https://cssbattle.dev/

    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