A different UI for different senders

to improve the styling. … In particular, we will change both the color … and the alignment of our message bubbles … dependent on the sender. … But there are some other issues that we have to tackle too. … For example, we need to ensure that the hero image … on our registration and login screen … you can see that much of our button … is actually off the screen. … So how can we fix this? … Well we can actually wrap our hero widget … inside a flexible widget. … And what this does is that it says, … well this is the size that it should try to take up, … so about 200 pixels, … but if it can't, then it can be flexible about it … and be smaller, so that other parts of the screen … is visible. … So it's a good idea to wrap our login screen hero … inside a flexible widget as well, … so that we cover that basis too. … So now let's hit save and if we now take a look … at our emulator, you'll notice that our hero widget … which contains our image will actually get smaller … when the keyboard pops up, …