Skip to content
Submitted over 1 year ago

Chat app illustration (SASS - BEM - Mobile-first)

Hesam•420
@hesam-fattahi
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

  • Layout was created implementing mobile first 📱 approach.

  • Fade-in entrance animation.

I used div for all of the elements of app illustrations(except images) since this isn't the common way to add illustrations to websites(expecting to be showered by HTML reports 😬).

So any feedback on how I can improve the code is greatly appreciated. 🖤

Thank you :)

Community feedback

  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarPosted over 1 year ago

    Hello 👋. Good job on completing the challenge !

    I opened your solution on a mobile device and noticed that it is not possible to scroll. Looking at your code, I realized that you used overflow: hidden on the body element, which disables scrolling.

    Above all, the solution you submitted is great!

    Happy coding!

    Marked as helpful
    0
    Hesam•420
    @hesam-fattahiPosted over 1 year ago

    @MelvinAguilar

    I fixed it.

    Thank you!🙏

    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