Skip to content

docs: Horizontal alignment issue in https://angular.io/guide/what-is-angular angular #47423

@abergquist

Description

@abergquist

Describe the problem that you experienced

Not a big issue, but thought I'd mention that there is a horizontal alignment issue in https://angular.io/guide/what-is-angular (angular / aio / content / guide / what-is-angular.md in angular:main).

The following pairs of text are not exactly horizontally aligned:

  • 'ng build' and 'Compiles an Angular app into an output directory.'
  • 'ng serve' and 'Builds and serves your application, rebuilding on file changes.'
  • 'ng generate' and 'Generates or modifies files based on a schematic.'
  • 'ng test' and 'Runs unit tests on a given project.'
  • 'ng e2e' and 'Builds and serves an Angular application, then runs end-to-end tests.'

Enter the URL of the topic with the problem

https://angular.io/guide/what-is-angular

Describe what you were looking for in the documentation

That the following pairs of text are exactly horizontally aligned:

  • 'ng build' and 'Compiles an Angular app into an output directory.'
  • 'ng serve' and 'Builds and serves your application, rebuilding on file changes.'
  • 'ng generate' and 'Generates or modifies files based on a schematic.'
  • 'ng test' and 'Runs unit tests on a given project.'
  • 'ng e2e' and 'Builds and serves an Angular application, then runs end-to-end tests.'
    Angular CLI

Describe the actions that led you to experience the problem

I went to https://angular.io/guide/what-is-angular and noticed the lack of horizontal alignment.

I'm including another screen shot from the same page because it also displays/illustrates the same lack of horizontal alignment.
First-party libraries

Describe what you want to experience that would fix the problem

No response

Add a screenshot if that helps illustrate the problem

Angular CLI
First-party libraries

If this problem caused an exception or error, please paste it here

No response

If the problem is browser-specific, please specify the device, OS, browser, and version

No response

Provide any additional information here in as much as detail as you can

I had done a quick right-click and Inspect; it appears that the issue can easily be resolved if you eliminate the following line from _typography.scss:

    vertical-align: top;

What I don't know, though, is if doing that adversely affect anything else.

Having both columns be horizontally aligned along their centers would be the ideal.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions