Calculator Usig Css Style Sheet Code
Calculator Usig Css Style Sheet Code
css javascript
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculator</title> <style> body { display: flex;
justify-content: center; align-items: center; height: 100vh;
background-color: #f4f4f4; }
.calculator { width: 250px; background: #222; padding:
20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0,
0, 0.3); } .display { width: 100%; height: 50px;
text-align: right; font-size: 2em; padding: 10px; border:
none; background: #333; color: white; border-radius:
5px;
} .buttons { display: grid; grid-template-columns: repeat(4,
1fr); gap: 10px; margin-top: 10px; } button
{ height: 50px; font-size: 1.2em; border: none;
border-radius: 5px; background: #444; color: white;
cursor: pointer;
} button:hover { background: #666; }