Tailwind Navbar

[{"id":"38680422-c9b8-4efc-acf0-dfea9ac9f0bc","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Responsive navbars","styles":{}}],"children":[]},{"id":"29e1c921-25f2-4148-9337-a7d839ed3d64","type":"columnList","props":{},"children":[{"id":"a7c34a9b-22a3-417b-be77-05f549bf8c84","type":"column","props":{"width":1},"children":[{"id":"b0fbfa82-44f4-4245-bf61-5d03a12a26ae","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"desktop","styles":{}}],"children":[]},{"id":"66508834-c7fe-4b61-8b92-27d75a037b7d","type":"image","props":{"textAlignment":"left","backgroundColor":"default","name":"","url":"https://yugwdlxrtovparrbfxgp.supabase.co/storage/v1/object/public/media/e3e0742a-7815-48f2-9687-5e820a5523e7/0.6359501543692156.png","caption":"","showPreview":true},"children":[]}]},{"id":"44f0919d-8d25-46a1-b868-681f07e8bf50","type":"column","props":{"width":1},"children":[{"id":"164a3e37-c352-4a06-ac40-3f27d3b1a79f","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Mobile","styles":{}}],"children":[]},{"id":"3b7d11f0-4f12-4b19-84b8-1ac7e76dab89","type":"image","props":{"textAlignment":"left","backgroundColor":"default","name":"","url":"https://yugwdlxrtovparrbfxgp.supabase.co/storage/v1/object/public/media/e3e0742a-7815-48f2-9687-5e820a5523e7/0.29845640512768945.png","caption":"","showPreview":true,"previewWidth":237},"children":[]}]}]},{"id":"e89abaff-6d5d-4fe1-ac9e-7339438cd0fe","type":"sandpack","props":{"files":"[{\"id\":\"/styles.css\",\"name\":\"styles.css\",\"code\":\"body {\\n font-family: system-ui;\\n padding: 20px;\\n background-color: #f8fafc;\\n color: #1e293b;\\n}\\n\\nh1 {\\n color: #0f172a;\\n}\",\"language\":\"css\"},{\"id\":\"/index.html\",\"name\":\"index.html\",\"code\":\"\\n\\n\\n\\n\\n\\nTailwind Navbar\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n

\\n

\\n \\n

\\n\\n \\n

\\n \\n MySite\\n \\n

\\n\\n \\n \\n\\n \\n

\\n\\n \\n \\n\\n \\n \\n\\n

\\n\\n

\\n\\n \\n

\\n Home\\n About\\n Services\\n Contact\\n

\\n\\n

\\n\\n\\n\\n\\n\\n\",\"language\":\"html\"},{\"id\":\"/package.json\",\"name\":\"package.json\",\"code\":\"{\\n \\\"dependencies\\\": {},\\n \\\"main\\\": \\\"/index.html\\\",\\n \\\"devDependencies\\\": {}\\n}\",\"language\":\"json\"},{\"id\":\"/index.js\",\"name\":\"index.js\",\"code\":\"console.log(\\\"Hello Vanilla!\\\");\",\"language\":\"javascript\"}]","template":"vanilla-ts","activeFile":"","showCode":"true","width":"100%","height":"auto"},"children":[]},{"id":"72942666-8ce3-4047-b5cb-0dff4a630e5f","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]}]