Andras/BoundlessFlowCampus2K
4
7
Fork 0
Code Issues 90 Pull requests 7 Projects Releases Packages Wiki Activity Actions

Set grid cell size based on screen #468

New issue
Closed
opened 2026-04-21 08:46:21 +00:00 by a24vinla · 3 comments
a24vinla commented 2026-04-21 08:46:21 +00:00
Collaborator
Copy link

Please read this comment for information on what to should be implemented.

Please read [this comment](https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/436#issuecomment-4532) for information on what to should be implemented.
a24vinla commented 2026-04-24 08:21:10 +00:00
Author
Collaborator
Copy link

Something like this basically:
image

Something like this basically: ![image](/attachments/d8db7279-ba5c-4931-81fa-71d867fe5c4a)
image.png
17 KiB
b24idalu commented 2026-04-24 16:20:52 +00:00
Collaborator
Copy link

First is with a formula where width is divided by row height+gap, second option is with breakpoints, third is with breakpoints but with more columns.

Breakpoints notes: phone size is around 400px, there are 5 sizes on breakpoints where the biggest size has a 1000px difference therefore could be difficult to get a square.

First is with a formula where width is divided by row height+gap, second option is with breakpoints, third is with breakpoints but with more columns. Breakpoints notes: phone size is around 400px, there are 5 sizes on breakpoints where the biggest size has a 1000px difference therefore could be difficult to get a square.
formula_grid.gif
2.5 MiB
bp_grid.gif
2.5 MiB
bp2_grid.gif
8.1 MiB
formula_grid.gif bp_grid.gif bp2_grid.gif
a24sakma commented 2026-05-05 13:16:13 +00:00
Collaborator
Copy link

This issue is implemented. I close this issue

This issue is implemented. I close this issue
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
#1236-edit-mode-txt
#1229-generic-themed-buttons
Add-an-option-to-set-no-image-to-image-view-1227
#1242-prog-bar-colors-fix
#1239-Remove-Vertical-Scroll
Image-view-error-1230
Make-the-card-title-and-header-of-card-uniform-1233
both_teams_week_8
team_2_week_7
team_1_week_7
temp_branch_week_7
team_2_week_6
team_1_week_6
team_2_week_5
team_1_week_5
temp_branch_week_5
team_2_week_4
team_1_week_4
week_4_temp_branch
temp-branch-week-3
team_2_week_3
team_1_week_3
team_2_week_2
team_1_week_2
temp-week-2-merge-branch
team_2_week_1
team_1_week_1
No results found.
Labels
Clear labels   
_CRITICAL_

Only use this label for critical tasks that are project-scope,and must be addressed ASAP.

  
API

   
app

   
backEnd

   
Blocked, waiting for further changes

   
bug

Something is not working

  
cleanup

Issues to cleanup the codebase (restructure folders, remove deprecated or smelly code)

  
close

Issue to close

  
design

   
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
feature request

   
frontEnd

   
help wanted

Need some help

  
invalid

Something is wrong

  
low priority

   
needs input

Issue needs input from product owner or customer

  
needs review

issue is in need of review

  
project documentation

   
question

More information is needed

  
research

   
reviewed

This Issue has been reviewed

  
script

   
security

use this for security-related issues

  
SQL

  
style

   
testing

   
topLevel

Reserved for top-level, project-wide issues.

  
wontfix

This won't be fixed

No labels
_CRITICAL_
API
app
backEnd
Blocked, waiting for further changes
bug
cleanup
close
design
duplicate
enhancement
feature request
frontEnd
help wanted
invalid
low priority
needs input
needs review
project documentation
question
research
reviewed
script
security
SQL
style
testing
topLevel
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
b24idalu
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Blocks
#467 Create view size configs for all views
Andras/BoundlessFlowCampus2K
Reference
Andras/BoundlessFlowCampus2K#468
No description provided.