css - Why does the content in my div not remain the same when resizing window? -


i have page: http://bit.ly/1in9yce

it looks intended on big screens (desktop) issue when window resized down small screen widths, "agree" , "disagree" labels start take own line instead of being nicely placed before , after slider on same line slider. can't life of me figure out why this, since available width should sufficient. kind soul please help?

this because in css there display:block defined:

@media screen , (max-width: 800px) .ui.form .choice-text {   padding: 0;   display: block; } 

if remove display:block should work.


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -