Skip to content

Comments

fix: fix css for small columns#43

Merged
astromechza merged 1 commit intomainfrom
fix-css
Jan 22, 2025
Merged

fix: fix css for small columns#43
astromechza merged 1 commit intomainfrom
fix-css

Conversation

@astromechza
Copy link
Member

We had a bug where the width of the article was extending beyond the page width on small < 48rem screen sizes. To fix this I've adjusted the blog post content classes:

  1. Expand max width size from 48 to 56rem for readability
  2. Add w-full to anchor article width to page width. This allows (1) to actually wrap smaller when the page is smaller than 56rem.
  3. Removed lg:px-0 toggle since we don't need the width adjustment to toggle and can keep the 5rem margin at all times.

Before

image

After

image

Signed-off-by: Ben Meier <ben.meier@humanitec.com>
@astromechza astromechza merged commit 0616458 into main Jan 22, 2025
2 of 4 checks passed
@astromechza astromechza deleted the fix-css branch January 22, 2025 17:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant