Flex Text Alignment & Layout

I know it’s super simple, but I’ve been banging my head on text layout for a couple of hours. I wanted 2 text boxes to have less space between them (leading) than the default. After trying many approaches, I finally figured out that I can set a negative paddingBottom to achieve the desired effect.

Flex Code:

<mx:VBox>
	<mx:Text text="Line 1" styleName="line1Style"/>
	<mx:Text text="Line 2" styleName="line2Style"/>
</mx:VBox>

CSS:

.line1Style {
	fontSize: 38;
	fontWeight: bold;
	paddingBottom:-10;
}

.line2Style {
	fontSize: 16;
}

While investigating this effect, I also found some other interesting layout resources:
Adobe’s Quickstart guide to positioning
Kevin Hoyt’s review of positioning in Flex

View all

Video: Accessibility Isn’t Just for Developers and Designers

Technology

November 9 is World Usability Day, an annual event uniting global communities of professional, industrial, educational, citizen, and government groups for a common objective: ensuring the services and products important to life are easier to access and simpler to use. To mark the occasion and show our support for inclusion through user experience, we’re excited to […]

Unlocking Potential: The Impact of User Testing

Products

With growing digital competition, it's crucial to create web experiences that connect with target audiences—that's where user testing comes in.

Why Sites Should NOT Use Accessibility Overlays

Technology

Overlays are automated, third-party, temporary and permanent solutions to fixing accessibility issues that a website or app may present. They come in the form of plugins, widgets, apps or some sort of toolbar with an icon, usually located in the bottom corner of a website. They offer features such as reading the website aloud to […]

Prioritization Exercise: Buy a Feature

Products

One of the most challenging scenarios in agency Product work during the Discovery phase is having several stakeholders, each with their own agendas, who collaboratively want all features delivered at MVP. How does one successfully navigate that, gain stakeholder alignment, and define a prioritized list of features on an approved release schedule? Enter the Buy […]

How to Run Successful Stakeholder Interviews

Products

At Modern Tribe, we emphasize understanding our clients’ needs to deliver successful enterprise WordPress products. Our stakeholder interview process, honed over nearly two decades launching digital projects across diverse sectors, is integral to our discovery phase, and ensuring that what we build meets client objectives. This article provides insights into our approach and highlights the […]