I can’t get an element to wrap in a responsive layout

Question

Good afternoon, I’m trying to make a layout responsive but I can’t get the product description to go under the image when the available space is too small. I tried with display:flex and float but none worked.

Follow the link of the page in question:

http://www.hominumstore.com.br/pd-489292-direito.html?ct=&p=1&s=1

Answer 1

You need to use a media querie to control the screen, follow example:

@media screen and (max-width:992px) {   
     //controlar as classes
     .logo {
         font-size: 20px;
     }
}

In the pictures use max-width: 100%;