my current html code?

Shared by: devcanvas

html

1
<article class="min-h-screen flex flex-col gap-4">
2
	{#if data.isFound}
3
		<Nav />
4

5
		<div class="flex h-full gap-5 flex-col lg:flex-row p-4">
6
			<div
7
				class="w-full min-h-[400px] md:h-full max-h-[500px] md:max-h-[900px] bg-gray-50 rounded-xl p-3"
8
			>
9
				<CodeText inputContent={data['0'].code} on:contentChange={handleContentChange} />
10
			</div>
11
			<LanguageSelect lang={data['0'].lang} />
12
		</div>
13
	{:else}
14
		<div class="font-bold">
15
			<h1 class="text-6xl">404</h1>
16
			<p class="text-4xl bg-gray-50 rounded-xl p-3">Not found</p>			
17
		</div>
18
	{/if}
19
</article>
20
<!--  here is the link to this snippet -> https://snippet-bice.vercel.app/EZmAdi -->
Love it? Share it!

DevCanvas DevCanvas Logo

Online Editor with a collection of awesome frontend code and code snippets for developers of all levels.

Legal & Support

Stand with Palestine 🇵🇸! DO NOT BE SILENCED

© 2025 DevCanvas. All rights reserved.