I’m trying to have the copyright notice on the right side of the screen and to add Privacy and Terms links on the left side (on the same line) when on desktop. I used float left and right and it works on desktop. However, when I resize the browser to simulate a smart phone screen size the elements stay on left and right and looks awful. I tried to use @media in the CSS in customizer and style sheet of the child theme but did not work.
I appreciate any help with CSS to reposition the elements mentioned above on smart phone screen to be centered on top of each other (2 different lines) for small screens and to float left and right when on large screens.