Kanban task management web app with SvelteKit

Community feedback

• 

  Carl•855

  @CarlHummPosted about 1 year ago

  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

  1. max-inline-width: 1440px and overflow:hidden for .layout svelte-j7s0ua (Grid Container)
  2. width: calc(100dvw - var(--sidebar-width)) for main.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

  1

  ---

  

  Nazif Barassounon•470

  @nazifbaraPosted about 1 year ago

  Hello @CarlHumm. Really thanks for your feedback 🙏🏽. I fixed the issue.

  0