Styling the Chat
Explore how to apply CSS styling to the chat window and messages within a Redux-powered React app. Understand using flexbox for layout, customizing user and contact messages, and integrating styles to enhance the chat interface's appearance and usability.
We'll cover the following...
We'll cover the following...
At the end of the previous lesson, the chat window looked something like this:
The messages have been rendered, but they don’t look appealing at all do they?
Let’s sprinkle some CSS goodness and get this party started :)
Starting with the Chat Window, create a new file, ChatWindow.css in the containers directory.
Do ...