Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve Aside block design #4337

Open
danyx23 opened this issue Dec 19, 2024 · 1 comment
Open

Improve Aside block design #4337

danyx23 opened this issue Dec 19, 2024 · 1 comment

Comments

@danyx23
Copy link
Contributor

danyx23 commented Dec 19, 2024

We want to tweak the design of Aside blocks a bit.

The currently look like this:

Here is what we want instead:

  • in general the color of text would be Blue 60 instead of Blue 90 (like the original design)
  • on desktop, if possible, it would be nice if the aside filled 3 columns
  • when the screen shrinks, there is a strange space between the paragraph the aside is attached to and then one below it. We’d like to avoid that (as you can see in the new design) so that the aside and the paragraph were independent
  • on mobile, we’d also like to tweak the design as seen in the png
@rakyi
Copy link
Contributor

rakyi commented Jan 7, 2025

We could probably use useMediaQuery hook to set the correct rendering order, if it isn't possible in pure CSS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants