Submitted about 4 years ago

Chat App CSS Illustration using Sass and Flexbox

@efecollins

A solution to the Chat app CSS illustration challenge

Solution retrospective

I had an issue with the ::before pseudo-element because each time I had to fix the cut-out design at the top of the phone frame, the menu button and the chevron-left button disappears.

Help will be appreciated.

Code

Please log in to post a comment

Community feedback

Programming with Shahan•0
@WithShahan
Posted about 4 years ago
keep going
bimalmagar•380
@bimalmagar10
Posted about 4 years ago
Hey, your build isn't responsive at all. Try making it responsive first and for that use relative units like rem as it calculates sizes relative to root element that is html.Secondly,position your ::before element relative to your phone container in such a way that it is centered at the top within the container. I haven't looked at your code but this might help you.

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