Skip to content
Submitted over 3 years ago

Chat App css illustration | HTML5 and CSS3

Ahmed Faisal•5,095
@afrussel
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

Any feedback/suggestions are welcomed!

Community feedback

  • Md. Sany Ahmed•30
    @sany2k8Posted over 3 years ago

    Awesome work Mr. Faisal

    Marked as helpful
    1
    Ahmed Faisal•5,095
    @afrusselPosted over 3 years ago

    @sany2k8 thanks a lot

    0
  • uiGuy•255
    @uiGuysPosted over 3 years ago

    Nice work brother

    Marked as helpful
    1
  • cloud-alfakhre•480
    @cluod-AlfakhrePosted over 2 years ago

    great solution 👌

    0
  • Renato Marques•130
    @renatomarquescoPosted about 3 years ago

    Hi Faisal, Very nice work.

    The design is almost impeccable. The only thig that I would add is that from 920px to 1320px screens the design looks a bit off, specially after 1200px with almost no space between the two main columns.

    But all in all, an amazing job!

    0
  • Vimukthi Rajakaruna•325
    @VimuPosted over 3 years ago

    Hi, it looks good.

    0
    Ahmed Faisal•5,095
    @afrusselPosted over 3 years ago

    @Vimu Thanks a lot :)

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

    If might be better to add your backgrounds to the <body> tag https://www.w3schools.com/Css/css3_backgrounds.asp

    0
    Ahmed Faisal•5,095
    @afrusselPosted over 3 years ago

    @palgramming Thanks for your suggestion. I just use :before and :after to make a alternative way. People might getting confused while they saw 2 bg elements. Just make a diffrent type of example I am using :before and :after

    1

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