Title: Image Box block in columns
Last modified: May 19, 2020

---

# Image Box block in columns

 *  Resolved [atp250](https://wordpress.org/support/users/atp250/)
 * (@atp250)
 * [6 years ago](https://wordpress.org/support/topic/edit-column-responsive/)
 * Good, I find the problem with the Image Box block, it works great but I would
   like to incorporate it in a section with 3 columns, it does not manage to be 
   responsive on the tablet, it only displays correctly on mobile.
 * 
 * On the other hand, on the tablet, on the 768px – 1024px it is unable to become
   responsive, here I show an image of what happens to me. [https://imgur.com/11BN3jF](https://imgur.com/11BN3jF)
 * If you can help me where I can change to improve this error, I love the Getwid–
   Gutenberg Block. I have investigated a bit about the CSS following the classes
   it uses but I am doing something wrong that does not apply changes to me and 
   I do not find the solution.
 * Now a question arises, if I change the css will affect all the Image Box Block
   that I incorporate on the web?
 * Thanks and keep it up! They are doing a good job!
    -  This topic was modified 6 years ago by [atp250](https://wordpress.org/support/users/atp250/).
    -  This topic was modified 6 years ago by [atp250](https://wordpress.org/support/users/atp250/).

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Support [dimned](https://wordpress.org/support/users/dimned/)
 * (@dimned)
 * [6 years ago](https://wordpress.org/support/topic/edit-column-responsive/#post-12865266)
 * Hi [@atp250](https://wordpress.org/support/users/atp250/),
    Thanks for your question.
   As far as I understand this question is releated to layout of Image Box when 
   image is aligned to the left? If it is so you may try to apply this custom style
   to align it to 1 coulmn (when image is on top) on the devices with width from
   768px to 1024px.
 *     ```
       @media screen and (max-width:1024px) and (min-width:768px){
          .wp-block-getwid-image-box.has-image-left{
             display:block;
       }
          .wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container{
             margin:0 0 30px 0;
       	}
          .has-image-left .wp-block-getwid-image-box__image-container {
             max-width: 100%;
       }
       }
       ```
   
 *  Thread Starter [atp250](https://wordpress.org/support/users/atp250/)
 * (@atp250)
 * [6 years ago](https://wordpress.org/support/topic/edit-column-responsive/#post-12866508)
 * Hi [@dimned](https://wordpress.org/support/users/dimned/),
 * Thank you very much for the contribution of the code I have finally been able
   to locate where the error was taking place. I was not correctly selecting a getwid
   class when going concatenated don’t select everything.
 * Now everything looks great and correctly.
 * Thank you again!
 *  Plugin Support [dimned](https://wordpress.org/support/users/dimned/)
 * (@dimned)
 * [6 years ago](https://wordpress.org/support/topic/edit-column-responsive/#post-12866699)
 * Hi [@atp250](https://wordpress.org/support/users/atp250/)
    You’re welcome. It
   would be much appreciated if you rate Getwid here [https://wordpress.org/support/plugin/getwid/reviews/](https://wordpress.org/support/plugin/getwid/reviews/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Image Box block in columns’ is closed to new replies.

 * ![](https://ps.w.org/getwid/assets/icon.svg?rev=2238400)
 * [Getwid - Gutenberg Blocks](https://wordpress.org/plugins/getwid/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/getwid/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/getwid/)
 * [Active Topics](https://wordpress.org/support/plugin/getwid/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/getwid/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/getwid/reviews/)

## Tags

 * [column](https://wordpress.org/support/topic-tag/column/)

 * 3 replies
 * 2 participants
 * Last reply from: [dimned](https://wordpress.org/support/users/dimned/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/edit-column-responsive/#post-12866699)
 * Status: resolved