Replies: 0
I want to create a reusable left aligned large title and right aligned small date in the same row. What is the best way to accomplish this? For an example, see the title/date headers in themeaningofrolf.com and observe how they break down on mobile devices.
Minimum requirements:
* Right aligned date is just large enough to fit while left aligned title is flexible width, taking up the remainder of the screen width.
* Title + date display properly on mobile devices
* Date text baseline aligns with title baseline
* Encapsulated into a reusable block for frequent usage.
* Gutenberg only – no additional plugins that alter the editor (unless said plugin is so popular it is a de facto industry standard).
Nice to have bonuses:
* Ability to change title/date fonts/colors site-wide in a single change
* Robust solution for baseline alignment that survives font changes
* Resolves potential special case of title + date combined being too wide to fit screen. Ideally: date is truncated or removed, title remains intact.
I am looking at columns and tables for potential solutions but both don’t seem adequate based on my needs? Columns only do percentage width while tables do not allow sufficient font customization?