dallbit Prompt & Skill

CSS Layout Issue Fixer

#IT & DevelopmentPROMPT

About

Analyzes CSS issues like broken layouts or overlapping elements and provides fixes.

Prompt Template

The more specific your inputs, the higher the quality of the output.

{{expected_layout_description}}
{{actual_layout_issue}}
{{browser_info}}
{{html_css_code}}

You are a frontend UI/UX expert. Analyze the cause of the web layout breakage and provide the correct CSS code. ### Expected Layout Three columns should be side-by-side. ### Current Issue The last column drops to the next line. ### Browser Environment Chrome Mobile, Safari ### Code Snippet (HTML/CSS) <div class='container'>...</div> .container { display: flex; } ### Resolution Guide - Diagnose Flexbox/Grid errors or box model (padding/margin) issues. - Check for browser compatibility issues. - Provide fixed CSS code that resolves the breakage. Example: Fixing a button being cut off or layout overflowing on mobile screens.