@CarlHumm
Posted
Hi there Nazif
Well done on completing the challenge. It looks like a cool, but complex challenge that I hope to attempt sometime in the future after some study.
I noticed you set the following values
max-inline-width: 1440px
andoverflow:hidden
for.layout svelte-j7s0ua
(Grid Container)width: calc(100dvw - var(--sidebar-width))
formain.with-sidebar.svelte-j7s0ua
(Card area)
Header content being hidden by overflowing content
Because the card area is basing it's dimensions on the overall viewport, and the grid container has a set max-width of 1440px, this will cause the content to overflow and as such the header content will be spaced beyond the 1440px and clipped out of view.
To test this you could remove the width from main.with-sidebar.svelte-j7s0ua
or remove max-width from .layout svelte-j7s0ua
.
Other than this minor issue everything else functions well, I like the drag and drop feature. Unfortunately I'm not experienced enough to comment on state management or SvelteKit.
Good luck on future challenges
Marked as helpful
@nazifbara
Posted
Hello @CarlHumm. Really thanks for your feedback 🙏🏽. I fixed the issue.