<script>
	import Maincontent from '../components/misc/maincontent.svelte';
	import Content from '../components/about/content.svelte';
	import Sidebar from '../components/about/sidebar.svelte';
	import Likes from '../components/about/likes.svelte';
</script>

<svelte:head>
	<title>About</title>
</svelte:head>

<Maincontent>
	<div
		class="col-start-1 col-span-7 sm:col-span-5 md:col-span-3 lg:col-span-2 rounded-xl mt-5 sm:flex flex-col justify-start gap-2 p-2"
	>
		<Sidebar />
	</div>

	<div
		class="px-5 sm:px-0 sm:pr-5 lg:pr-0 sm:mt-10 col-span-7 sm:col-span-2 md:col-span-4 lg:col-span-3 "
	>
		<Content />
	</div>
	<div class="px-2 col-span-7">
			<Likes />
	</div>
</Maincontent>
