Skip to content

Instantly share code, notes, and snippets.

@kimcoleman

kimcoleman/example-sd-two-column-css.css

Created April 2, 2024 13:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kimcoleman/ebf91935e5fdab5121a87f26c9d6f345 to your computer and use it in GitHub Desktop.
Save kimcoleman/ebf91935e5fdab5121a87f26c9d6f345 to your computer and use it in GitHub Desktop.
Download ZIP
Sample CSS that gets you started with a two-column Student Dashboard layout
Raw
example-sd-two-column-css.css
.llms-student-dashboard { align-items: flex-start; display: grid; grid-column-gap: 2em; grid-template-columns: 1fr 4fr; }
.llms-sd-header { display: flex; flex-direction: column-reverse; }
.llms-sd-title { display: none; }
.llms-sd-nav .llms-sd-items { display: flex; flex-direction: column; }
.llms-student-dashboard .llms-sd-item .llms-sep { display: none; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment