Search results for: Media queries
20 results found.
Using media queries and CSS functions to create a responsive design in Pinegrow
Your website needs to look good on a variety of screen sizes. Pinegrow makes responsive design easy with a variety of different tools.
Summer Nights 2 – Creating a CSS Grid layout in Pinegrow
CSS Grid has gained much wider support, with virtually all modern browsers supporting it. Page layout is significantly easier than using traditional floats and widths, and best of all, Pinegrow has a variety of visual tools to help out!
In this tutorial I’m going to walk through putting together a simple web page using CSS Grid using the visual tools of the Pinegrow Web Editor. Along the way we will also look at some tricks and tips for using CSS Grid, as well as looking at the drawbacks.
Styling with CSS in Pinegrow – A short tutorial
Pinegrow is all about choices. Adding styling to your page is no exception. Whether all code, low-code, or no code Pinegrow can let it happen!
Styling with CSS
Styling – painting and positioning elements – is done with CSS properties and rules. Pinegrow offers a collection of powerful styling tools to suit different tasks and workflows.
The Design Panel for Plain HTML
The Pinegrow Design panel allows you to set project wide styling including color palette and fonts. Plus, the saved design and Surprise me! button allow you to easily explore design alternatives.
Quick Introduction to the Pinegrow Web Editor
The Pinegrow Web Editor is a powerful tool, but it can also be a bit daunting. This tutorial will provide a quick walk-through of the main features of Pinegrow that will let you start designing you web project quickly!
Pinegrow Web Editor 5.7 – July 31, 2019
Improved Style editor, Components and Master pages… Plus, a healthy dose of bug fixes.
Introducing the Visual CSS Grid Editor
Pinegrow Web Editor includes a powerful collection of visual tools for working with CSS Grid.
Bootstrap Design Panel
The Pinegrow Design panel for the Bootstrap framework allows you to easily set up a custom theme without editing any base files or setting up a complex compiler. It also allows you to test alternative designs for your whole project quickly and easily.
Tailwind CSS Design panel
The Pinegrow Design panel for the Tailwind CSS framework allows you to easily set up a custom theme without editing any config file or setting up a complex compiler. It also allows you to test alternative designs for your whole project quickly and easily.
Pinegrow Web Editor 7.1 – January 10, 2023
Recent classes – CSS media size tabs – Aspect ratio – WordPress improvements – Build you first block tutorial
Page views
Everything you do in Pinegrow is live. All the changes you do are immediatelly visible in one or more page views. There you can build and test your page at the same time.
Interactive image hotspots – Interactions tutorial
A step-by-step tutorial about creating interactive image hotspots with Pinegrow Interactions.
Pinegrow Web Editor 5.7 – 26 de jun de 2019
Melhorias no Editor de estilos, Componentes e Páginas-Mestre … e ainda um maratona de correção de bugs.
Pinegrow Web Editor 5.5 – Jun 20, 2019
Major update to WordPress Theme Builder, smooth Drag & Drop, CSS improvements and bug fixes.
Pinegrow Web Editor 7.4 – 26. April, 2023
New CSS Tree Inspector – Improved Tailwind Class Inspector – Export theme.json in WordPress – AI Assistant improvements and tutorial.
Curso de Introdução ao Pinegrow (em vídeo)
Nesse curso, você irá usar o Pinegrow Web Editor na prática. Durante as aulas, você desenvolverá um site One Page do zero.
Dynamic column sizing with minmax
We’ll create additional spacing with new columns and rows. Then we’ll make the size of the main content column dynamic within the minimum and maximum range.
Pinegrow 2.5 Beta
Pinegrow 2.5 is available for download.
Introduction to Tailwind CSS
Tailwind CSS is a CSS framework that defines 1000s of CSS classes that are used to replace working with CSS rules and properties directly.