CSS | DEV NOTE

Causes and Solutions When CSS Backward Compatibility Doesn't Work

We’ve compiled a guide on the causes and solutions for when CSS suffix matching doesn’t work, covering everything from compatibility with the `class` attribute to how to distinguish between word-based and suffix-based matching. We’ve also summarized the steps you should take first to troubleshoot the issue.

2026.03.20

TIPS

A Beginner's Guide to CSS Flexbox: A List of Properties and Practical Examples

This guide provides a comprehensive overview of CSS Flexbox, covering everything from the basics to the use of `flex-direction`, `justify-content`, `align-items`, and `flex-wrap`, as well as practical examples using colored boxes, navigation menus, card layouts, and forms, along with important considerations.

2026.03.20

TIPS

Differences Between lvh, svh, and dvh and How to Use Them: CSS Implementation Steps to Prevent Layout Breakage on Mobile Devices

In response to the issue of 100vh layouts breaking on mobile devices, this article explains the differences between lvh, svh, and dvh, and how to use them effectively in real-world scenarios. We’ve compiled everything from prerequisites and implementation steps to testing and troubleshooting, organizing the information in a way that makes it easy to replicate in WordPress themes and landing pages.

2023.07.19

TIPS