Core Framework

<p>Hey there! If you’re tinkering with WordPress and have a knack for making sites look just right, you might like what we’ve cooked up with Core Framework. It’s like a Swiss Army knife for your CSS woes but way easier to use and with a lot more fun involved.</p>
<h3>What’s Cooking?</h3>
<p>✅ <strong>Make It Yours</strong>: Ever felt boxed in by CSS frameworks? We get it. That’s why we made Core Framework as customizable as a build-your-own pizza. You start with our base (which is pretty awesome on its own), and then add, tweak, or remove anything you don’t need. It’s all about making it fit your project like a glove.</p>
<p>✅ <strong>Play Well with Others</strong>: Whether you’re team Gutenberg, all about Bricks, or an Oxygen fan, we’ve got your back. Core Framework slides right into your workflow, making it that much smoother to sprinkle your design magic everywhere.</p>
<p>✅ <strong>A Dash of This, A Dash of That</strong>: Organize your colors, manage those borders, and set your typography scale just right. We’re all about making the tedious tasks a piece of cake, so you can focus on the fun parts of design.</p>
<p>✅ <strong>Components Galore</strong>: Reusable components are your best friends. Buttons, input styles, cards – you name it, we help you keep it all neat and tidy, ready to be reused whenever you need them.</p>
<p>✅ <strong>Join the Club</strong>: With over 4,000 buddies already in the Core Framework family, you’re in good company. Our <a href="https://coreframework.com/marketplace" rel="nofollow ugc">marketplace</a> is like a treasure chest of our ecosystem, full of add-ons, UI kits, and templates. Plus, you’re more than welcome to contribute as an author!</p>
<h3>Who’s It For?</h3>
<p>From solo freelancers to big-time agencies, if you’re crafting websites, you’ll feel right at home with Core Framework. It’s all about making your life a bit easier and a lot more creative.</p>
<h3>Easy Peasy Setup</h3>
<p>Getting started is as simple as installing any WordPress plugin. Find Core Framework in your dashboard, hit “Save” after making changes, and voila! The framework is live on your site.</p>
<p>Learn more about all settings in our <a href="https://docs.coreframework.com/" rel="nofollow ugc">documentation</a> portal.</p>
<h3>Customize to Your Heart’s Content</h3>
<p>Inside Core Framework, everything can be tweaked. Colors, classes, variables – mix and match them to create something that’s uniquely yours.</p>
<h3>Need a Hand?</h3>
<p>Our support crew is here for you via Intercom on our site, and our docs are always available for a quick how-to or when you’re in the mood for some light reading.</p>
<p>Simply contact us at any time using the Intercom at the <a href="https://coreframework.com/" rel="nofollow ugc">Core Framework</a> website or in our Facebook community <a href="https://www.facebook.com/groups/coreframework" rel="nofollow ugc">group</a>.</p>
<h3>Keeping It Fresh</h3>
<p>We’re always rolling out updates and staying on top of WordPress changes to make sure you’ve got the smoothest ride possible.</p>
<p>Find out about every Core Framework update in our <a href="https://docs.coreframework.com/changelog/changelog" rel="nofollow ugc">changelog</a>.</p>
<h3>From Friends You Trust</h3>
<p>Brought to you by the folks behind <a href="https://motion.page/" rel="nofollow ugc">Motion.page</a>, we’ve been around the block and we’re here to stay. We love hearing from our users, so don’t be shy!</p>
<h3>Come On In, The Water’s Fine</h3>
<p>Core Framework isn’t just about making sites look pretty (although it does that pretty well). It’s about enjoying the process, exploring new possibilities, and being part of a community that gets it. So, why not give it a whirl?</p>


Say hello to Core Framework - a FREE modular CSS framework platform.

George Nicolaou

picsta

<p>Who can benefit from the plugin GM Adaptive CSS Grid Columns? (Short: GM Grid)<br />
The plugin is made to help everyone who wants to have an easy, lightweight and worry-free solution to set up a maximum grid count on their website.<br />
Of course, you can have fewer columns as those you have defined. They will automatically take the right percentage like 33.3%, 50% or even 100% of the available width.</p>
<h3>Do I have to know CSS?</h3>
<p>Absolutely not! Especially beginners and non-coders will start to love this plugin soon.</p>
<h3>Hold on, not another plugin, what happens to my page speed?</h3>
<p>Don’t panic, we took care of this by keeping this plugin lightweight and the CSS is minified by default.</p>
<h3>Important Notice:</h3>
<p>The plugin only works if you correctly identify and target the parent, and it’s direct child elements. Otherwise, the plugin can’t work.<br />
Recommended page builder are Bricks, Oxygen and Breakdance.</p>
<h3>How to use:</h3>
<p>The setup is quite simple. Basically, you just add two CSS classes to your elements and the plugin does the magic for you.<br />
Make sure to add the following classes to the container and direct child elements. Use a DIV instead of a section, container, or block<br />
to avoid conflicting predefined styles.</p>
<p>Parent/Container Element class: grid-container<br />
Child Element class: grid-item</p>
<p>Additionally, there is one more CSS class available. By using grid-center on your parent (container) element, you achieve three things.<br />
1. The container will be centred on the page<br />
2. Add your desired width (in rem)<br />
3. Add horizontal spacing across all break points</p>
<h3>Minimum Setup:</h3>
<ol>
<li>Define the maximum column count for your medium and large screen size.</li>
<li>Add the desired gap size (in rem)</li>
<li>Define the medium and large breakpoint (in em).<br />
Save!</li>
</ol>
<p><strong>Quick overview of GM Adaptive CSS Grid Columns by <a href="https://websquadron.co.uk/" rel="nofollow ugc">Imran Siddiq</a></strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lDibIKlmyv4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Translations</h3>
<p>GM Adaptive CSS Grid Column can be used in these different languages thanks to the following translators:</p>
<ul>
<li>Afrikaans <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
<li>German <a href="https://profiles.wordpress.org/picsta/" rel="nofollow ugc">Michael Kellersmann</a></li>
<li>Greek <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
</ul>


GM Adaptive CSS Grid Columns


This is an awesome plugin especially with a page builder like bricks / breakdance, etc. to easily and quickly bring in the use of CSS grid. This is how it should be implemented and find using GM grid a real time saver. 😎 


Very easy to use and implement Grid CSS

Allows you to create Adaptive CSS Grid Columns

Core Framework vs GM Adaptive CSS Grid Columns