When we get down to about 415px, the text in the footer starts to break onto the next line. Here is an image of the problem.
Add some styling to center that text like this...
Make text-align: center the default, but then add the media query
@media (min-width: 415px) {}
and inside there, style the text to align left once the screen sizes gets to be above 415 pixels. This approach is called mobile first which means all default styles are for mobile styles and then as the screen grows we change the style to adapt.
When we get down to about 415px, the text in the footer starts to break onto the next line. Here is an image of the problem.
Add some styling to center that text like this...
Make text-align: center the default, but then add the media query
@media (min-width: 415px) {}
and inside there, style the text to align left once the screen sizes gets to be above 415 pixels. This approach is called mobile first which means all default styles are for mobile styles and then as the screen grows we change the style to adapt.