Dev Viewer
By Vynaa Valerie
Developer Hub
Vynaa Valerie
WA
TG
GitHub
Konfigurasi Viewport
iPhone 17 Pro Max
iPhone 15 Pro
Samsung S24 Ultra
Google Pixel 8 Pro
MacBook Pro 14"
iMac 24"
Rotate
Zoom Level
50%
Code Editor
LIVE: OFF
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: 'Inter', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background: #0f172a; color: white; } .card { background: #1e293b; padding: 2rem; border-radius: 1.5rem; border: 1px solid #334155; text-align: center; max-width: 80%; } h1 { color: #3b82f6; margin-bottom: 0.5rem; } p { opacity: 0.8; font-size: 0.9rem; } </style> </head> <body> <div class="card"> <h1>HTML Dev Viewer</h1> <p>Preview responsif oleh Vynaa Valerie.</p> </div> </body> </html>
Render Preview
09:41
5G • 🔋
✕