Thanks for the link, I've watched the videos, but they don't really explain much about what the Flex different settings are for and how to get your content responsive within the containers. I hope you can help me out with a couple of things please!
My header is made up of 3 bars. When it comes to viewing it on a mobile device, I'm having trouble with bars 1 and 2! I'll upload screen grabs of these at the end.
1. Bar 1 - I've got 1 container and is in the centre of the row. Within the container I have 3 text boxes. When I view it on a mobile, the text stays the same size but aligns to the left instead of staying centred. I've tried a few different settings with the Self Flex on the container, but don't know what I'm doing or how to achieve what I want! I'd like the text to get smaller when viewed on mobile devices and for it to all stay centred. I don't know what 'Flex Grow', 'Flex Shrink' or 'Flex Basis' does!
2. Bar 2 - I've got 5 containers and when viewed on a mobile, none of the content in any container either gets smaller or goes onto the next line, it all just scrunches up and stays in 5 columns in the 1 row.
3. I've made the header sticky, but I'd like it to disappear off the screen when viewed on a mobile device, but I don't know how to do this!