Адаптивный дизайн — отображение 2 карточек в строке на маленьких экранах ⇐ CSS

[Гость]

I'm working on a web page where I have a row of cards, each containing an image and a title. Currently, I'm using the Bootstrap grid system to display 4 cards per row on larger screens (col-md-2), and I want to adjust this to show 2 cards per row on small screens.

Код: Выделить всё

                                                               
[img]~/img/deprt-8.png[/img]
                         Internal/Family Medicine                                                                                              
[img]~/img/deprt-10.png[/img]
                         Pulmonology                                                                                                  
[img]~/img/deprt-11.png[/img]
                         Gastroenterology                                                                                                 
[img]~/img/deprt-1.png[/img]
                         Dentistry                                                                 

Источник: https://stackoverflow.com/questions/781 ... ll-screens