tahoe-lafs/web-landing-page
tahoe-lafs
/
web-landing-page
2
0
Fork 0
Code Issues 3 Pull Requests Actions Activity

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

New Issue
Open
opened 2024-12-17 10:06:22 +00:00 by btlogy · 2 comments
btlogy commented 2024-12-17 10:06:22 +00:00
Owner
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.
image.png
64 KiB
image.png
66 KiB
btlogy commented 2024-12-17 10:08:38 +00:00
Author
Owner
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
Author
Owner
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
12.cut-teaser-background
12.better-images
16.equal-height-boxes
12.disable-share-links
12.deps-update
remove-patern
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Assignees
Clear assignees
No Assignees
1 Participants
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(<nil>)"

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?