tahoe-lafs/web-landing-page
1
0
Fork 0
Code Issues 4 Pull requests 2 Actions Activity

Investigate how to handle overflow in equal sized text boxes #16

New issue
Closed
opened 2024-12-17 10:06:22 +00:00 by btlogy · 2 comments
btlogy commented 2024-12-17 10:06:22 +00:00 (Migrated from code.lafs.eval.latfa.net)
Copy link

There are a few text boxes which overflow when their size is made equal and the layout in adapted for mobile:

image

The reason is likely because the only way I've found to have them equally sized is by fixing the height.

W/o this trick, the boxes look unbalanced:

image

It would be nice to have both.

There are a few text boxes which overflow when their size is made equal and the layout in adapted for mobile: ![image](/attachments/ba2e2700-7f25-4fea-a7d4-cef6229c872d) The reason is likely because the only way I've found to have them equally sized is by fixing the height. W/o this trick, the boxes look unbalanced: ![image](/attachments/06da1832-04c6-46fe-9a11-f84bf04908e9) It would be nice to have both.
btlogy commented 2024-12-17 10:08:38 +00:00 (Migrated from code.lafs.eval.latfa.net)
Copy link

I've tried to switch from div to table, but the layout would not fall from 3 columns to one when switching to smaller portrait screen (e.g: mobile phone).

Can we have a dynamic height set as the max of all boxes from the same section?

I've tried to switch from `div` to `table`, but the layout would not fall from 3 columns to one when switching to smaller portrait screen (e.g: mobile phone). Can we have a dynamic `height` set as the max of all boxes from the same section?
btlogy commented 2024-12-17 12:12:50 +00:00 (Migrated from code.lafs.eval.latfa.net)
Copy link

What I'd like is this website to look like https://www.haskell.org/
The boxes have equal sizes, regardless of the content, and they still fold on mobile (albeit in 2 columns)...

What I'd like is this website to look like https://www.haskell.org/ The boxes have equal sizes, regardless of the content, and they still fold on mobile (albeit in 2 columns)...
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
rework-about
12.rework-contribute
12.rework-about
16.fix-mobile-width
add-readme
no-font-override
12.cut-teaser-background
12.better-images
16.equal-height-boxes
12.disable-share-links
12.deps-update
remove-patern
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: tahoe-lafs/web-landing-page#16
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?