Design

Introduction

If you have ever tried to inspect an autocomplete dropdown, tooltip, popup, or similar dynamic elements in DevTools, you've probably hit this frustrating problem of them disappearing. This usually happens because the UI element is tied to focus, hover, or keyboard input listeners.

The moment you hit CTRL+SHIFT+C or even...

Introduction

During the development and testing phases of a website's frontend, finding and fixing horizontal overflow issues can be challenging.

In some cases, it might be easy via DevTools to find and select the element that is wider than the document is and then fixing its CSS accordingly.

Most times though such elements are...

A responsive logo is one with design elements that adapt slightly depending on the device or screen size on which they are displayed without compromising the brand identity.

Design elements that might be replaced or changed may include icons or symbols, company names and slogans, colors, backgrounds, outlines, and other small...