CSS Grid: Learning By Doing!

CSS Grid: Learning By Doing!

CSS Grid is a modern way of designing a responsive layout. It’s a powerful and flexible way to design web pages compared to traditional floats and positioning. Float is also a modern way but it focuses on one dimensional layout

CSS Grid: Making “x” items per row

CSS Grid: Making “x” items per row

By default, the items tend to fit into one line. With CSS grid-template-columns property, we can specify how many items to insert in a row. Let’s take an example with the following HTML Structure: To make 3 items per row,

How to remove tawk.to branding in WordPress

How to remove tawk.to branding in WordPress

Tawk.to is free and easy to add a live chat widget to your site. However, its branding is too aggressive and some customers may find it disturbing when initiating the chat, but you can remove tawk.to branding in WordPress. Here’s

How to add a new panel in the WordPress block editor sidebar

How to add a new panel in the WordPress block editor sidebar

Are you looking to add a new panel in the block editor sidebar as shown in the screenshot below? The old style meta box with add_meta_box works fine in the block editor as well. However, since it’s a typical metabox,

Flexbox: Making “x” items per row

Flexbox: Making “x” items per row

By default, the flex items will try to fit in one line. To make items wrap into multiple lines, use: Then the items can have flex-basis Note: Do not use the width property for the items. That’s all. 🙏 Explanation:

× WhatsApp