# FlexBox and Css Grid, responsive design

**URL:** <https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192>\
**Category:** Pinegrow PRO\
**Created:** [April 8, 2021, 11:46am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192 "2021-04-08T11:46:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tomato](https://avatars.discourse-cdn.com/v4/letter/t/b5ac83/32.png) [@Tomato](https://forum.pinegrow.com/u/Tomato)\
**Post date:** [April 8, 2021, 11:46am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/1 "2021-04-08T11:46:44Z")

</div>

Hi, I kindly would like to know if the the Pinegrow Theme Converter could convert a Flexbox or Css Grid template into a WordPress theme, remaining responsive . Or how to render responsive a Theme.Thanks

---

<div class="post-metadata">

**Author:** ![abirana](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/abirana/32/4162_2.png) [@abirana](https://forum.pinegrow.com/u/abirana)\
**Post date:** [April 8, 2021, 6:24pm UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/2 "2021-04-08T18:24:52Z")

</div>

Hi @Tomato welcome to the forum.

Regarding the theme converter it’s not like it will convert our template to something else. All our code will be as it is, you are only going to add **Smart Actions** where necessary.

So to get a responsive WordPress theme, we should first build a responsive template and then use Theme Converter. You do can make the changes even after you export the theme and it will update your theme as you save it.

---

<div class="post-metadata">

**Author:** ![Tomato](https://avatars.discourse-cdn.com/v4/letter/t/b5ac83/32.png) [@Tomato](https://forum.pinegrow.com/u/Tomato)\
**Post date:** [April 9, 2021, 9:24am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/3 "2021-04-09T09:24:47Z")

</div>

Thanks abirana. Very useful information.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [April 9, 2021, 10:10am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/4 "2021-04-09T10:10:25Z")

</div>

[Theme Converter](https://pinegrow.com/theme-converter-for-wordpress) is a tool for converting HTML templates into WordPress themes BUT you must keep in mind that it must be used in conjunction with your favorite code editor (Visual Studio, Dreamweaver, Bootstrap Studio, Webflow and so on and so on) to make any structural changes that may be required for a quality conversion. You will probably have to go back and forth between the code editor and Theme Converter to achieve the desired result.

That’s why if you don’t have a favorite editor, [Pinegrow Web Editor with the WordPress Theme Builder](https://pinegrow.com/#features-wp) is the perfect solution because you can EDIT (change, tweak, modify…) your HTML template and CONVERT it into a WordPress theme within the same application!

---

<div class="post-metadata">

**Author:** ![Tomato](https://avatars.discourse-cdn.com/v4/letter/t/b5ac83/32.png) [@Tomato](https://forum.pinegrow.com/u/Tomato)\
**Post date:** [April 30, 2021, 10:46am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/5 "2021-04-30T10:46:40Z")

</div>

But, abirana, the problem is: for responsive web design, can you use media queries breakpoints in your project?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 30, 2021, 11:13am UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/6 "2021-04-30T11:13:28Z")

</div>

Hi @Tomato,  
A WordPress site is just HTML that is injected by PHP. Anything you can do with standard HTML (like media queries) will work with your WordPress pages. The Theme Converter isn’t going to change your CSS where your media queries reside.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Tomato](https://avatars.discourse-cdn.com/v4/letter/t/b5ac83/32.png) [@Tomato](https://forum.pinegrow.com/u/Tomato)\
**Post date:** [May 8, 2021, 12:58pm UTC](https://forum.pinegrow.com/t/flexbox-and-css-grid-responsive-design/5192/7 "2021-05-08T12:58:24Z")

</div>

Thanks, Bob, now it’s clear
