*{ margin: 0; padding: 0; } body{ background: #f4f9ff; } #wrapper{ width: 100%; max-width: 460px; background: #fff; margin: 20px auto; padding: 20px; border-bottom: 1px solid #e7e7e7; } input{ width: 100%; padding: 10px 0; margin-bottom: 20px; } button{ border: none; background: #e7e7e7; padding: 10px 20px; } .result{ text-align: center; font-size: 22px; margin-top: 20px; } .success{ color: green; } .failur{ color: red; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter