Back to articles
UNCENTER EVERYTHING

UNCENTER EVERYTHING

via Dev.toDivyansh Jain

This is a submission for the DEV April Fools Challenge What I Built Demo https://uncentereverything.netlify.app/ Code < *{box-sizing:border-box;} toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:10px;flex-wrap:wrap;} url-bar{flex:1;min-width:160px;height:34px;font-size:12px;padding:0 10px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-secondary);font-family:var(--font-mono);} chaos-btn{height:34px;padding:0 14px;font-size:13px;font-weight:500;background:#E24B4A;color:white;border:none;border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all 0.2s;} chaos-btn:hover{background:#A32D2D;letter-spacing:1px;} restore-btn{height:34px;padding:0 12px;font-size:12px;background:none;border:0.5px solid var

Continue reading on Dev.to

Opens in a new tab

Read Full Article
2 views

Related Articles