Help, guys, you need the columns to be placed vertically when the width of the browser is less than two divs (like this https://yadi.sk/i/ew26f1fE3FPpAf )

/

Ps. with a small extension of 2 and 4 columns are not visible https://jsfiddle.net/dokxpi/krvL01xm/

Closed due to the fact that off-topic participants Vadizar , Nofate ♦ 11 Mar '17 at 8:35 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - Nofate
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • Rule @media did not try to register? - labris
  • What's wrong with the paragraphs? Read more about adaptive layout, it's not so difficult. habrahabr.ru/post/125247 - labris
  • Add code to your question, in case it is removed from jsfiddle. I believe that the image is better to insert into the question. In the future, this question may help other people to sort it out, but it will not be useful, without a code and a picture (of what you need to get). As long as you put a minus for the question, as soon as you edit it, I will remove the minus. - Alexander Kazakov
  • You can set the column width in percent, here is a simple example I advise you to study bootsrap v4-alpha.getbootstrap.com - max
  • jsfiddle.net/nqykLova/2 - max

1 answer 1

 @media(max-width:480px) { .gridbad { width: 90%; } }
  • add width to class .gridbad - Dhunga
  • Four spaces indent → block code. - Nick Volynkin ♦