search

tuwien-csd / damap-frontend

MIT License
9 stars 9 forks source link

Update our layout to match Material Design guidelines and incorporate new design Ideas #167

Open lpandath opened 3 months ago

lpandath commented 3 months ago

Description Match the Material Design responsive layout guidelines and personal creativity in the design process.

Describe the solution you'd like Set up margins and gutters that change size depending on the screen, making everything look neater. Maybe use CSS Grid or Flexbox to make these changes, so our site responds well to different screen sizes.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Here's a link to the Material Design guidelines I mentioned: https://m2.material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins We have some content that might not fit perfectly into a strict grid. We'll need to figure out how to handle that.

DerekMolnar commented 3 months ago

This work could also help in addressing this issue: https://github.com/tuwien-csd/damap-frontend/issues/110

lpandath commented 2 weeks ago

DAMAP Dashboard.pdf