script. js
// Add click interaction
document.querySelector('.card').addEventListener('click', () => { alert('Card
clicked!'); });
styles. css
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; background-color: #f0f0f0; } .card { background-color: white; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; cursor: pointer; } .card:hover { transform: translateY(-5px); } h1 { color: #333; } p { color: #666; }
Comments
Post a Comment