Chat app CSS illustration with React and Sass

Solution retrospective
I’m most proud of how I structured my code to create clean and efficient components. I also explored new techniques, like combining fixed
and absolute
positioning, which was a first for me. Additionally, I improved my understanding of styling with ::before and ::after pseudo-elements. Next time, I would plan my layout more thoroughly beforehand to avoid revisions and streamline the process further.
I encountered challenges with positioning elements, particularly when using position: relative
alongside position: absolute
. The alignment didn’t work as expected, causing layout issues. To overcome this, I experimented with position: fixed
combined with position: absolute
, which provided better control and resolved the alignment problems effectively.
I’d like help specifically with positioning elements more effectively, especially when combining different position
properties like relative
, absolute
, and fixed
. Guidance on best practices for achieving consistent and responsive layouts would be really valuable.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Kairung Vangmanaw's solution.
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