Seeking Advice on Responsive Design in Pinegrow

General Questions
1

Hi everyone,

I’m fairly new to Pinegrow and web design in general, and I’m looking for some advice on best practices for creating responsive designs. I’ve been experimenting with different layout techniques, but I often run into issues when trying to make my designs look good on both desktop and mobile devices.

I also check this : https://forum.pinegrow.com/t/i-need-a-ui-designer-to-redesign-our-existing-ui-into-a-responsive-ui-using-pinegro

What are some tips or tricks you all use to ensure your sites are fully responsive? Are there specific features or tools in Pinegrow that you find particularly useful for this?

Thanks in advance!

2

Hey,

You can find some useful tipps on Pinegrow-Forest: Pinegrow Forest | Pinegrow Features, Tips & Tutorials

You need wo work with the media query tool in the style tab. There you can define different styles for elements on different devices.

On Pinegrow Forest you can find a starter project with lots of predefined elements such as Menus, Headers, Overviews, Lists, Footers and more. They are already fully responsive an can be adjust the way you want. On top of that, you can learn about how there elements were created:

2 Likes
3

You may have already seen this, but here is a tutorial which may be helpful.

Using media queries and CSS functions to create a responsive design in Pinegrow

1 Like
4

Thanks @Riccarcharias

5

Thanks for the help @Cary