Skip to content
Submitted almost 3 years ago

HTML and SCSS

Alucard•870
@Alucard2169
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

First time doing an Intermediate Challenge, felt pretty good, though it's not completely responsive yet, I will keep working on it.

Any kind of Feedback would be appreciated.

Thank you

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    <section> and <article> usually need a heading; so if you don't need a heading in it, use some other element such as <div>

    Great job Alucard! :)

    Marked as helpful
    2
  • Remus D. Buhaianu•3,125
    @MiculinoPosted almost 3 years ago

    Hey @Alucard2169 !

    Congrats on completing your first intermediate challenge, looks quite nice!

    Here are a few suggestions based on your final solution:

    • Reduce the amount of box-shadow for your mobile illustration

    • Make the shape on the right shape be less visible, as shown in the original design

    • Vertically center your phone illustration. Currently, its height is stretching across the entire canvas' height

    Marked as helpful
    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