Please look at rkassoc.org/dev
This is the VERY BEGINNING of a project to develop a responsive web tool.
Note that if you resize the width by narrowing, when it reaches a certain point, the item headings are on a different row than the input element.
I understand why this is, because I did text-align: right on those two divs. I did that because I want that look of tag: values as it appears on a wider screen.
I am a novice to responsive design, I am moderately knowledgeable of css.
What I would like is the tags to right align as indicated but then drop the right alignment after the screen size is less than some value; that is, work on a cell phone.
What is the best way to do this?
I attach the css (which I downloaded from W3 Schools so I could see it) & my html file.